<!-- 未语义化 -->
<div>标题</div>
<div>
<div>一段介绍</div>
<div>
<div>列表1</div>
<div>列表2</div>
</div>
</div>
<!-- 语义化 -->
<h1>标题</h1>
<div>
<p>一段介绍</p>
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
</div>
HTML标签语义化主要有以下好处:
1.提高代码可读性
2.让搜索引擎更容易分辨关键词(SEO)