语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用正确的标签做正确的事情。 语义化的优点如下： 对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于 SEO。除此之外，语义类还支持读屏软件，根据文章可以自动生成目录； 对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发与维护。常见的语义化标签：
<div>
<!-- 头部 -->
<header></header>
<!-- 导航栏 -->
<nav></nav>
<!-- 区块（有语义化的div） -->
<section></section>
<!-- 主要区域 -->
<main></main>
<!-- 主要内容 -->
<article></article>
<!-- 侧边栏 -->
<aside></aside>
<!-- 底部 -->
<footer></footer>
</div>
