標(biāo)簽的用法

由于昨晚發(fā)了一篇文章

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

，有一個(gè)網(wǎng)友評論問 的用法。所以現(xiàn)在舉例來說明一下：

html5引入了標(biāo)簽，用于描述文檔的結(jié)構(gòu)，它同

標(biāo)簽的意思一樣。但是在特定環(huán)境中，兩者又有明顯的區(qū)別。

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

w3對

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

比如看一個(gè)案例：

在這里，我用來定義id為content的div里面的兩個(gè)章節(jié)/區(qū)域。當(dāng)然此處你也可以直接把div用section代替，或者把里面的改成

,因?yàn)榇颂庍€不能明顯的區(qū)分兩者的區(qū)別:

或者：

我們繼續(xù)舉例分析另外一個(gè)更明顯的區(qū)分和

的案例：

• member1
• member2
• member3

member1

一個(gè)描述的段落

另一個(gè)描述的段落

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

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

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

member2

一個(gè)描述的段落

另一個(gè)描述的段落

這個(gè)有分節(jié)的小標(biāo)題，這里是這個(gè)分節(jié)的小標(biāo)題

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

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

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

member3

一個(gè)描述的段落

另一個(gè)描述的段落

這里是這個(gè)分節(jié)的小標(biāo)題

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

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

這里的內(nèi)容對于這個(gè)是一個(gè)腳部，它區(qū)別于上面的描述段落。

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

在這個(gè)案例當(dāng)中，我們用

標(biāo)簽來布局整個(gè)最外層的章，而用用來定義內(nèi)部的章節(jié)。當(dāng)然如果把整個(gè)文檔都看作是一個(gè)章節(jié)，那么也可以用來代替，但是建議不要使用來代替該用布局的地方，那些地方不能體現(xiàn)出 的語義性。

在上面的

中，有一個(gè)導(dǎo)航，用元素，

除了之外，就是屬于這個(gè)

的區(qū)域內(nèi)的具體的章節(jié)，我們就用來定義，你可以看到，用來定義一個(gè)章節(jié)，而這個(gè)章節(jié)的內(nèi)部又都是一個(gè) ，它是關(guān)于一個(gè)member的具體的文章。而在這個(gè)的內(nèi)部，可能我們會發(fā)現(xiàn)，有時(shí)候這個(gè)文章的結(jié)構(gòu)又會有嵌套的關(guān)系，那么這個(gè)被嵌套的區(qū)域我們就可以用來表示這整個(gè)文章內(nèi)的又一個(gè)分節(jié)。顯然，在這里用標(biāo)簽的話，語義上來說就很不適合了。

(責(zé)任編輯：大寶庫)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。