Skip to main content

如何理解 HTML 中的语义化标签

答题流程：「是什么、怎么做、解决了什么问题、优点是、缺点是、怎么解决缺点」

是什么​

语义化标签是一种写 HTML 标签的方法论/方式。

怎么做​

实现方法是遇到标题就用 h1 到 h6，遇到段落用 p，遇到文章用 article，主要内容用 main，边栏用 aside，导航用 nav 等

解决了什么问题​

明确了 HTML 的书写规范

优点是​

  1. 为了在没有 CSS 的情况下，页面也能呈现出很好地内容结构、代码结构
  2. 用户体验：例如 title、alt 用于解释名词或解释图片信息、label 标签的活用；
  3. 有利于 SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
  4. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
  5. 便于团队开发和维护，语义化更具可读性，是下一步网页的重要动向，遵循 W3C 标准的团队都遵循这个标准，可以减少差异化。

缺点是​

没有。

怎么解决缺点​

无需解决。