对HTML语义化的理解

什么是 HTML 语义化？

用正确的标签做正确的事情。

如：段落用 p 标签，标题用 h 系列标签，边栏用 aside 标签，主要内容用 main 标签。

语义化的作用

HTML 语义化让页面的内容结构化，结构更清晰，便于浏览器、搜索引擎解析；

即使在没有 CSS 样式的情况下也以一种文档格式显示，易于阅读；

搜索引擎的爬虫也依赖于 HTML 标签来确定上下文和各个关键字的权重， 利于 SEO ；

方便其他设备的解析（如屏幕阅读器、盲人阅读器等）， 利于无障碍阅读 ，提高可访问性。

总结

语义化并不仅仅在 HTML 中有用处，写 CSS 、 JavaScript 代码的时候，都应该采用有语义的类名和变量，并且永远不要在这些地方使用拼音。