html温故知新

HTML语义化标签的特点与应用

最新推荐文章于 2025-12-04 17:59:42 发布

原创最新推荐文章于 2025-12-04 17:59:42 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了HTML语义化标签，指出其对开发者友好、增强可读性，利于机器阅读和SEO。虽如今产品业务不太强调语义，用div+span也可行，但使用语义化标签仍有优势，还提到利用h1 - h6和hgroup生成目录及section标签嵌套的影响。

语义化标签：

语义标签对开发者更友好，增强了可读性
自然语言的延伸（可以强调，或者ruby）
利于机器阅读和SEO
语义主要是对文本的表述，现在多是产品业务，所以不那么强调语义，div+span写天下没问题。
用对比不用好；不用比用错好。
利用h1-h6和hgroup可生成让浏览器识别生成目录。
section标签里的嵌套会使h1-h6下降一级
典型的boy结构：


<body>
    <header>
        <nav>
            ……
        </nav>
    </header>
    <aside>
        <nav>
            ……
        </nav>
    </aside>
    <section>……</section>
    <section>……</section>
    <section>……</section>
    <footer>
        <address>……</address>
    </footer>
</body>