3、HTML5 文档结构与文本标记实用指南

d6e7f8

于 2025-11-06 15:05:02 发布

阅读量13

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5实战精华解读文章标签： HTML5 文档结构文本标记

本文链接：https://blog.youkuaiyun.com/d6e7f8/article/details/155157841

HTML5实战精华解读专栏收录该内容

20 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

HTML5 文档结构与文本标记实用指南

1. HTML 标题级别与文档大纲

在 HTML 中，无论版本如何，标题都有排名， h1 为最高级别， h6 为最低级别。在 HTML5 之前，这种排名有助于构建文档大纲，但在 HTML5 中，分段元素在确定大纲方面比标题排名更重要。

1.1 标题级别示例

以下是一个修改后的示例，展示了如何使用 h6 作为 section 的主标题， h1 作为 article 的主标题：

<section>
    <h6>Most Recent Blog Posts</h6>
    <article>
        <h1><code>nav</code> Isn't for <em>All</em> Links</h1>
        <p>Though the <code>nav</code> element often contains links, that doesn't
           mean that <em>all</em> links on a site need <code>nav</code>.</p>
    </article>
    <