HTML头标签顺序错误

时间:2011-03-04 17:10:34

标签: html css header semantics

enter image description here

在这种布局中,它无效,因为H1不是第一个渲染的头部元素......这是一个可怕的罪恶还是没关系?有任何解决这个问题的方法吗?两列都是可变长度的,所以我看不到任何方法。

引用

有人让我引用这个:

http://www.w3.org/WAI/ER/IG/ert/ert-19991221.html#Technique3.5.A

  

应检查标题元素(H1-H6)以确保它们按照以下规则嵌套   文档中的第一个标题元素必须是H1   文档中只能有一个H1元素   标题级别不得超过1级。示例:H1之后的H2是好的。 H1之后的H3很糟糕。   标题元素可以减少任何级别。示例:H5之后的H2正常。

3 个答案:

答案 0 :(得分:5)

在渲染不同标记的地方并不重要,所有这些都与语义有关。 H1只是意味着标题的级别高于H2H3等。

答案 1 :(得分:1)

<h2> s应该可解释为某些<h1>的副标题。

在HTML5中,您可以通过嵌套<section>标记来定义文档层次结构,并完全忽略<h1> - <h6>标记。您可以看到HTML5文档大纲here,其中说明了此属性。

当然,最简单的解决方法是以其他顺序浮动列。目前他们都漂浮在左边。切换标记中的顺序,向右浮动,突然,标题顺序正确!


在旁注中,your site的“本周聚焦”部分的语义是错误的。它应该更像this

答案 2 :(得分:1)

我不知道H1是不是页面上的第一件事有多大。我知道Google会考虑标题来尝试建立背景。他们说,例如,应该只有一个H1标签,并且它应该是描述页面内容的良好短标题。一般而言,h1下面的文本(或副标题)应该跟随着更详细地描述您的内容的内容。无论如何,这就是理论。

无论如何,这样的事情呢?

<body>
    <div style="float: right; width: 25%;">
        <h1>your h1 text</h1>   
    </div>
    <div style="float: left; width: 75%;">
        content goes here
    </div>
</body>