2014-04-28 127 views
10

只是想知道,在設計一個網站,主要使用html5元素和doctype爲html5的網站時,將一個<header>標記放置在div標記內是不好的做法?謝謝!<Header> HTML5裏面div

另外,我應該將頭外Nav或裏面,或者它真的重要嗎?

回答

0

不,不嚴格,但也有由下比身體其他元素嵌入header暗示一些上下文語義。根據您構建文檔的方式,您可能會遇到意外的行爲。見下文。

HTML5,據我所知,是一個DTD較少的文檔類型。由於它與文檔結構驗證有關,因此不適用嚴格的規則。據上所述HTML5 W3C的文件:

...頭部元素表示其最近的祖先切片內容或切片根元素的介紹性的內容。標題通常包含一組介紹或導航幫助。[1]

基本上,這似乎表明的是,如果header元素是直屬於文檔的body,它適用於網頁作爲一個整體,但如果根據該標識部分中的另一元素包含header更具體地適用於最近的祖先。

請注意,<div>不是Tomasz Zielinski指出的截面元素。原本我以爲是。如果您希望將標題僅應用於頁面的特定部分,則最好使用其中一個定義的分區元素來包含標題,如下所述:http://www.w3.org/TR/html5/sections.html

例如,

<div> 
    <section> 
    <header>...</header> 
    </section> 
</div> 
+0

謝謝@sean也是,不好的做法是在標頭內放置一個'

+1

配售''

+0

-1, div既不是分區內容也不是分區根。 –

1

我不認爲這是不好的做法。但是,仍然要確保將它放置在應該存在的一般區域中。

這裏是一個link,可以幫助你瞭解你的頭的位置。

1

沒有,只要你尊重內容的語義和你的頭包含頭信息。你可以將它封裝在一個沒有SEO缺點的div中。