前端女娲补天 HTML（一） 什么是语义化标签

什么是语义化标签

什么是语义化标签？如header，nav，ul li 这样的标签就是语义化标签，语义化标签们信奉着一句话：什么样的标签做什么样的事。

语义化标签的优点

• 让人更容易读懂（增加代码可读性）。

• 让搜索引擎更容易读懂，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重（SEO）。

• 在没有 CSS样式下，页面也能呈现出很好地内容结构、代码结构。

常见的语义化标签

• header标签：用于定义页面的介绍展示区域，通常包括网站logo、主导航、全站链接以及搜索框

• nav标签：定义页面的导航链接部分区域

• main标签：定义页面的主要内容，一个页面只能使用一次

• article标签：定义页面独立的内容，它可以有自己的header、footer、sections等

• section标签：元素用于标记文档的各个部分，例如长表单文章的章节或主要部分

• aside标签：一般用于侧边栏

• footer标签：文档的底部信息 small元素：呈现小号字体效果

• strong标签：用于强调文本