文章中的 HTML5 部分与标题

问题描述

在带有标题和副标题的文章（如维基）中，您应该使用 section 元素吗？有什么区别吗？如果你这样做了，你如何使用它？

关于大纲，规范说如果您正确使用排名标题（h1、h2、h3），大纲会自动创建。 仅使用标题...

之间有什么区别吗？

<article>
    <h1>Article title</h1>
    <h2>Section title</h2>
    <h3>Sub-section title</h3>
    <h2>References</h3>
</article>

...以及用 section 包裹部分？

<article>
    <h1>Article title</h1>
    <section>
        <h2>Section title</h2>
        <section>
            <h3>Sub-section title</h3>
        </section>
    </section>
    <section>
        <h2>References</h3>
    </section>
</article>

标记更加复杂，子部分 CSS 选择器现在必须遍历更多。如果有任何好处，那就是 article 有 4 个孩子，但现在有 3 个，因此直接后代的数量减少了。不过，不确定这是否对任何事情都有好处。

WHATWG spec 表示将其更清晰地包装在部分中，但 on MDN 表示提议的大纲算法尚未实现，作者应该依赖标题排名，这使得这些额外的元素只是额外的，无用的标记。

如果使用 section 有一些我不知道的好处，那么目录的结构如何？它们必须使用 URL 片段跳转到具有给定 id 的元素。谁得到id？标题...

<section>
    <h2 id="first-section">Section title</h2>

...还是section？

<section id="first-section">
    <h2>Section title</h2>

Wikipedia 不将 section 元素用于其文章。它的目录链接到标题内的 span 元素。可以安全地假设其他基于 Mediawiki 的 wiki 也这样做。

W3's HTML 5.2 spec 不使用节，尽管有 header。目录链接到标题元素。

WhatWG page about sections 不使用节。目录链接到标题元素。

似乎 Britannica 确实使用了 section，但节大纲与目录不匹配。相反，它将文章分成多个页面，当用户向下滚动时加载。目录中的一些链接指向其他 URL。

到目前为止，我认为没有人使用 section 来实际包装文章的各个部分，如果他们这样做了，我不确定它有什么好处，这可能就是他们不这样做的原因首先。这是正确的，还是这些网站根本没有更新到 HTML5 标准？在这种情况下，较新的网站是否应该采用不同的方式？

如果是这种情况，请提供一个在实践中使用此类标记的实际网站的示例。

解决方法

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

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

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

html semantic-markup