<header>中的<h2>中的<small>或<header>中<h2>旁边的<small>？

Question

我尝试使用<small>标记创建 描述 ，

我还有一个带有<h2>标记的 大标题 ，它们都是里面 a <header>标签，

这就是现在的样子：

<header>
    <h2>User settings</h2>
    <small>Yep, here's the settings for you.</small>
</header> 

但是我不确定以下用法是否会更好地使这些标签变得有意义？

<header>
    <h2>
        User settings
        <small>Yep, here's the settings for you.</small>
    </h2>
</header> 

我应该将<small>放在<h2>中，而不是将<small>放入<header>吗？

Answer 1

嗯，这取决于

如果您将<small>标记放在<h2>内，则更为重要（请注意，使用<small>也会影响重要性）

另一方面，像 html outliners 这样的工具也会列出<small>内容，这可能不是所希望的行为

Answer 2

Mozilla说：https://developer.mozilla.org/tr/docs/Web/HTML/Element/header

<header>
<hx></hx>
</header>

更喜欢<small>

中的<hx>

twitter bootstrap docs在hx中更喜欢小 http://getbootstrap.com/css/#type-headings

Answer 3

这些选项在语义上不相同。将small置于h2内意味着h2的整个内容（包括small内容）是标识当前部分（或整个页面）的标题。例如，屏幕阅读器可以将整个长文本读作文档导航选项。如果small位于h2之外，则该部分（或页面）将使用仅包含h2元素内容的短文本进行标识。

另外，我怀疑the small element是这种子描述的正确选择。不仅仅p元素（在W3C HTML规范中作为suggested的子标题）在这里更合适吗？