我尝试使用<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>
吗?
答案 0 :(得分:2)
嗯,这取决于
如果您将<small>
标记放在<h2>
内,则更为重要(请注意,使用<small>
也会影响重要性)
另一方面,像 html outliners 这样的工具也会列出<small>
内容,这可能不是所希望的行为
答案 1 :(得分:1)
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
答案 2 :(得分:1)
这些选项在语义上不相同。将small
置于h2
内意味着h2
的整个内容(包括small
内容)是标识当前部分(或整个页面)的标题。例如,屏幕阅读器可以将整个长文本读作文档导航选项。如果small
位于h2
之外,则该部分(或页面)将使用仅包含h2
元素内容的短文本进行标识。
另外,我怀疑the small
element是这种子描述的正确选择。不仅仅p
元素(在W3C HTML规范中作为suggested的子标题)在这里更合适吗?