在标题标记中放置一个标记是否在语义上有效?

时间:2012-02-13 13:56:24

标签: html html5

如:

<header id="mainHeader">
        <hgroup>
               <h1>Title</h1>
               <h2>Sub Title</h2>
            </hgroup>
            <aside>
                <p>Some content within the header but isn't as important.</p>
                <p>Some content within the header but isn't as important line 2.</p>
            </aside>            
    </header>

如上所述,其原因在于我有一些属于标题的内容(例如,一小段信息),但只是某种程度上相关但并不像h1和h2标签那样重要。

或者我应该使用正常的div?

2 个答案:

答案 0 :(得分:5)

根据HTML5草稿,<aside>是与主要内容相关的内容,因此这不是重要性,而是主题。 <aside>元素可能包含令人震惊的消息,这些消息与枯燥页面的无聊内容相关。

真正重要的是其他可能会查看您的HTML标记的人会怎么想。新元素的“语义”,如<header><aside> has recently been characterized(由Hixie,HTML5编辑器),主要与创作和维护的简易性有关。

如果自己不确定“语义”,那么其他人也可能遇到困难。因此,仅使用<div class="foo">可能更安全,其中foo以某种方式表征内容的角色。

答案 1 :(得分:0)

从语义上讲,旁白应该以一种突出某些内容或做某事来总结或增强内容的方式与其父元素的内容相关。想一想你的内容打破了第四面墙。

换句话说,对你的问题是肯定的,但对你的例子没有。如果您有一个拉引号或与标题中的内容直接相关的解释,请务必使用aside元素。如果您的内容不像其他一些内容那么重要,我会说使用<section>代替。