<small> in <h2> in <header>还是<small> OR <h2> in <header>？

Question

我试图使用标记创建一个<small>描述，

我还有一个带有标签的大标题，它们都是Ia <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 )也会列出<small>内容，这可能不是人们所希望的行为。

Answer 2

这些选项在语义上不是等价的。将small放入h2中意味着h2的整个内容，包括small内容，是标识当前部分(或整个页面)的标题。例如，屏幕阅读器可以将整个文本作为文档导航选项阅读。对于small外部的h2，部分(或页面)被标识为仅为h2元素的内容的简短文本。

此外，我怀疑元素是否是这样的子描述的正确选择。难道仅仅是p元素(在W3C HTML规范中用于副标题的建议 )在这里会更合适吗？

Answer 3

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

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

更喜欢<small>中的<hx>

twitter引导文档更喜欢hx http://getbootstrap.com/css/#type-headings中的小文件。