2011-12-28 34 views
0

所以我對html5 section標記的用法有些困惑(或者更確切地說,是什麼時候使用它)。 在我的網站的第一頁上,我想提供一個網站提供的內容和註冊表格右側的描述。我決定,我不如使用html規範,所以有些東西還不清楚在什麼地方使用。描述和註冊旁邊eachother:2部分內div,1部分2 divs或?

對於上述情況將一個用途:

<div> 
    <div>description</div> 
    <div>registerform</div> 
</div> 

<section> 
    <div>description</div> 
    <div>registerform</div> 
</section> 

<div> 
    <section>description</section> 
    <section>registerform</section> 
</div> 

而且是在你基本上會我的頭標籤的理解是否正確在那裏放置你的旗幟,導航,如果出現登錄框? 因此就沿着線:

<header> 
    <nav> 
      <img src="mylogo.png" alt="my logo"/> 
      <ul> 
       <li>link1</li> 
       <li>link2</li> 
      </ul> 
      <div id="loginbox"> <== or should this be section? 
       //labels and inputfields 
      </div> 
    </nav> 
</header> 

我主要是後端程序員,但一些新的HTML5的東西看起來很有趣所以任何幫助,將不勝感激。

回答

0

spec描述的部分標記:

的部分元素表示一個通用的文檔或應用程序 部分...的部分元素不是一個通用的容器元素。當爲了設計樣式或爲了方便 腳本而需要某個元素時,建議作者改爲使用div元素。

section標記是一個語義標記,用於表示頁面的文字部分。在該部分中,您通常有一個標題:

<section> 
    <h1>First Section</h1> 
    This is a section. 
</section> 

您對header標籤假設是基本正確。像section一樣,header只是一個更自然,描述性的頁面元素分組。

標題代表一組介紹或導航輔助工具。標題元素通常包含該部分的標題(h1-h6 元素或hgroup元素),但也可以包含其他內容,如目錄表,搜索表單或任何相關徽標。

+0

應該將頭標記放在段標記中,還是應該將頁眉/頁腳標記視爲該上下文的段標記的更具體版本?我讀到,根據規範,不鼓勵使用div標籤(最後的手段)。這是否意味着我應該將我的標題,xxx,footer包裹在另一個標籤中,以防我想在所有這些標籤上放置一些寬度樣式? – 2011-12-28 20:26:05

+0

你可以在'section'中包含'header'。這裏有一個體面的用法概述:http://boblet.tumblr.com/post/134276674/html5-structure2。也看看這個討論:http://stackoverflow.com/questions/4781077/html5-best-practices-section-header-aside-article-tags。 – 2011-12-28 20:32:47