html section 布局,section标签的用法
標(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Java笔记07-List、Set、数据
- 下一篇: android 字符串 声波,识别成功率