2011-08-05 55 views
3

假設您想爲網站的標題部分使用<header>標記。在哪裏添加HTML5標籤?

但是目前你的頭是從(由於設計方面的原因)3種元素組成,如:

<div id="header-wrap"> 
    <div id="header"> 
    <div id="header-content"> 

     ... 

    </div> 
    </div> 
</div> 

所以這些的DIV應該與<header>被取代?這是否重要?

+0

這取決於你正在使用每個組件。樣式表是否需要所有三個類?你能找到一種方法來減少與你的設計一起工作的元素嗎?您可能需要稍微重新命名課程或移動內容。 – BoltClock

+0

全部三個。如果你用這種方式嵌套'div'元素,你(可能)做錯了。 – You

+0

但是爲什麼?如果我需要3個背景圖像來構建標題,我怎樣才能做到這一點? – Alex

回答

3

HTML5的新標籤的目的是爲文檔添加語義。另一方面,通用元素<div>已被正確保存,因爲它們具有語義含義。它們非常適合添加視覺結構而不影響語義結構。

<header>元素應包含語義標頭。我敢說它最有可能是最外層的元素,因爲所涉及的所有元素都以某種方式明確支持標題,但只有您最清楚文檔的語義含義,才能最好地回答具體問題。