语义化的含义就是用正确的标签做正确的事情，html 语义化就是让页面的内容结构化。

打个比方就是，如果我要实现一个一级标题，可以用 div+css 设置样式字体来达到效果，也可以用 h1，前者当然也能实现效果，但是语义化的方式还是使用 h1 标签，因为我们一看到 h1 标签就会知道他是一个 一级标题，这就是 html 语义化。

1. 语义化不仅能方便我们开发人员阅读维护理解
2. 还有利于搜索引擎的建立索引、抓取（SEO 优化）
3. 而且有还利于不同设备的解析（屏幕阅读器，盲人阅读器等）

比较下面两种代码

html
<div>标题</div>
<div>
  <div>一段文字</div>
  <div>
    <div>列表1</div>
    <div>列表2</div>
  </div>
</div>

html
<h1>标题</h1>
<div>
  <p>一段文字</p>
  <ul>
    <li>列表1</li>
    <li>列表2</li>
  </ul>
</div>