在这种布局中,它无效,因为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正常。
答案 0 :(得分:5)
在渲染不同标记的地方并不重要,所有这些都与语义有关。 H1
只是意味着标题的级别高于H2
,H3
等。
答案 1 :(得分:1)
<h2>
s应该可解释为某些<h1>
的副标题。
在HTML5中,您可以通过嵌套<section>
标记来定义文档层次结构,并完全忽略<h1>
- <h6>
标记。您可以看到HTML5文档大纲here,其中说明了此属性。
当然,最简单的解决方法是以其他顺序浮动列。目前他们都漂浮在左边。切换标记中的顺序,向右浮动,突然,标题顺序正确!
答案 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>