div中的<header>标签HTML5 </header>

时间:2014-04-28 18:10:49

标签: html5 seo

只是想知道,在设计一个主要使用<header>元素并且doctype用于html5的网站时,在{div}标记内放置html5标记是不好的做法吗?谢谢!

另外,我应该将Nav放在标题之外还是内部,还是真的重要?

3 个答案:

答案 0 :(得分:1)

我不相信这是一种不好的做法。但是,仍然要确保将它放在应该位于的一般区域。

这是一个link,可以帮助您了解标题的位置。

答案 1 :(得分:1)

不,只要您尊重内容语义并且您的标头包含标头信息即可。你可以把它包装在没有SEO缺点的div中。

答案 2 :(得分:0)

不,不严格,但有一些上下文语义通过将header嵌入到正文以外的元素下来暗示。根据您构建文档的方式,您可能会遇到意外行为。见下文。

据我所知,HTML5是一种无DTD文档类型。其中不适用严格的规则,因为它与文档结构验证有关。根据W3C关于HTML5的文件:

  

... header元素表示其最近的祖先切片内容或切片根元素的介绍性内容。标题通常包含一组介绍性或导航辅助工具。 [1]

基本上,这似乎表明,如果header元素直接位于文档的body下,则它作为一个整体应用于页面,但如果包含在另一个元素下标识header更具体适用于最近祖先的部分。

请记住<div>不是Tomasz Zielinski指出的切片元素。最初我原以为是。如果您希望标题仅应用于页面的特定部分,则最好使用其中一个已定义的分区元素来包含标题,如下所示:http://www.w3.org/TR/html5/sections.html

E.g。

<div>
  <section>
    <header>...</header>
  </section>
</div>