Question

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正常。

Answer 1

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

Answer 2

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

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

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

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

Answer 3

我不知道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>

HTML头标签顺序错误

3 个答案: