二级页面例如小说中的章节、长文章中的部分等的正确 h1/h2 标记是什么？

问题描述

有些情况下，文字和图片内容太大，无法放在一个页面上，但上下文对于相关内容很重要，因此要明确显示从用户体验的角度来看是有道理的。例如，此内容可以是小说的章节、长文章的一部分、特定项目列表中的条目：

三个部分的故事

开始
中间
结束

当地动植物

獾
蘑菇
蛇

如果所有内容都在同一页面上，答案会更简单，但如果这些是单独的独立页面呢？在这种情况下，在语义上标记标题的正确方法是什么？

选项 1

在所有页面上使用相同的 h1 但不同的 h2：

<article>
    <h1>Main Title</h1>
    <h2>Title of Specific Part</h2>
    <p>...</p>
</article>

选项 2

文章和部分都使用 h1，即使只有一个部分，并且在所有页面上都有相同的顶级 h1：

<article>
    <h1>Main Title</h1>
    <section>
        <h1 class="styled_like_h2">Title of Specific Part</h1>
        <p>...</p>
    </section>
</article>

选项 3

针对机器进行优化，针对人类进行虚假造型：

<article>
    <p class="styled_like_h1">Main Title</p>
    <h1 class="styled_like_h2">Title of Specific Part</h1>
    <p>...</p>
</article>

选项 4

针对机器进行优化并希望人类从周围的导航中找出来：

(<nav><ul>...breadcrumbs...</ul></nav>)
<article>
    <h1>Title of Specific Part</h1>
    <p>...</p>
</article>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html semantic-markup