如何理解HTML标签语义化

<!-- 未语义化 -->
<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）