如何理解HTML标签语义化

最新推荐文章于 2025-11-29 21:15:37 发布

原创最新推荐文章于 2025-11-29 21:15:37 发布 · 384 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#html #html5

前端面试题摘要专栏收录该内容

1 篇文章

订阅专栏

本文讨论了HTML标签语义化的优点，包括提高代码的可读性以及增强搜索引擎对页面内容的理解，从而有利于SEO优化。


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