標簽的用法

由于昨晚發了一篇文章

http://www.zcool.com.cn/article/ZMzA3MzI=.html

，有一個網友評論問 的用法。所以現在舉例來說明一下：

html5引入了標簽，用于描述文檔的結構，它同

標簽的意思一樣。但是在特定環境中，兩者又有明顯的區別。

w3對的定義是：定義一個文檔的章節(可以擁有自己的和)。

w3對

的定義是: 定義一個文檔的章節。(但似乎更適合用于外層的布局，缺少語義性。)

比如看一個案例：

在這里，我用來定義id為content的div里面的兩個章節/區域。當然此處你也可以直接把div用section代替，或者把里面的改成

,因為此處還不能明顯的區分兩者的區別:

或者：

我們繼續舉例分析另外一個更明顯的區分和

的案例：

• member1
• member2
• member3

member1

一個描述的段落

另一個描述的段落

這里的描述段落在語義上于外層的段落不是兄弟級別。

這里的描述段落在語義上于外層的段落不是兄弟級別。

又是另外一個段落描述，于最上面的兩個段落屬于兄弟級。

member2

一個描述的段落

另一個描述的段落

這個有分節的小標題，這里是這個分節的小標題

這里的描述段落在語義上于外層的段落不是兄弟級別。

這里的描述段落在語義上于外層的段落不是兄弟級別。

又是另外一個段落描述，于最上面的兩個段落屬于兄弟級。

member3

一個描述的段落

另一個描述的段落

這里是這個分節的小標題

這里的描述段落在語義上于外層的段落不是兄弟級別。

這里的描述段落在語義上于外層的段落不是兄弟級別。

這里的內容對于這個是一個腳部，它區別于上面的描述段落。

又是另外一個段落描述，于最上面的兩個段落屬于兄弟級。

在這個案例當中，我們用

標簽來布局整個最外層的章，而用用來定義內部的章節。當然如果把整個文檔都看作是一個章節，那么也可以用來代替，但是建議不要使用來代替該用布局的地方，那些地方不能體現出 的語義性。

在上面的

中，有一個導航，用元素，

除了之外，就是屬于這個

的區域內的具體的章節，我們就用來定義，你可以看到，用來定義一個章節，而這個章節的內部又都是一個 ，它是關于一個member的具體的文章。而在這個的內部，可能我們會發現，有時候這個文章的結構又會有嵌套的關系，那么這個被嵌套的區域我們就可以用來表示這整個文章內的又一個分節。顯然，在這里用標簽的話，語義上來說就很不適合了。

(責任編輯：大寶庫)

總結

以上是生活随笔為你收集整理的html section 布局,section标签的用法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。