含义

什么是语义化?

语义化就是用正确的标签做正确的事情、表达正确的意思。

一份好的 HTML 代码,应该是正确嵌套、语义明确、结构清晰、合理缩进加必要的注释。

重点:根据网页中内容的结构,选择适合的 HTML 标签进行编写

优点

为什么要语义化?

提升 SEO 优化,有助于爬虫抓取更多的有效信息。

在没有 CSS 的情况下,也能呈现较好的内容结构与代码结构。

便于团队开发和维护,减少开发者之间的沟通成本。

方便机器更好的识别和解析(比如搜索引擎、针对视障用户的屏幕阅读器等)。

使用场景

举例说明。

HTML5 提供了大量用于提升段落文本语义的标签。

比如布局标签:

标签描述
header定义页眉
nav定义导航
main定义文档主要内容
section定义节
article定义文章
aside定义与页面内容关联度较低的内容
footer定义页面或章节的尾部