先來解釋下html5 section標(biāo)簽的意思：

html5 section標(biāo)簽定義了文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

看一個實(shí)例讓你更加了解section標(biāo)簽：

文檔中的區(qū)段，解釋了 PRC：

 section  h1 PHP  /h1  p 這里是PHP ，網(wǎng)址是www.survivalescaperooms.com /p  /section 

實(shí)例效果如下圖：

現(xiàn)在說說section標(biāo)簽的注意點(diǎn)：

section 不是一個專用來做容器的標(biāo)簽，如果僅僅是用于設(shè)置樣式或腳本處理，專用的是 div

section 里應(yīng)該有 標(biāo)題（h1~6），但文章中推薦用 article 來代替

一條簡單的準(zhǔn)則是，只有元素內(nèi)容會被列在文檔大綱中時，才適合用section元素。

section的作用是對頁面上的內(nèi)容進(jìn)行分塊，如各個有標(biāo)題的版塊、功能區(qū)或?qū)ξ恼逻M(jìn)行分段，不要與有自己完整、獨(dú)立內(nèi)容的article混淆。

html5 section標(biāo)簽的用法：

html5引入了 section 標(biāo)簽，用于描述文檔的結(jié)構(gòu)，它同 div 標(biāo)簽的意思一樣。但是在特定環(huán)境中，兩者又有明顯的區(qū)別。

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

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

現(xiàn)在來看一個案例：

 body  header /header  div id=“content”  section /section  section /section  /div  footer /footer  /body 

在這里，我們用 section 來定義id為content的div里面的兩個章節(jié)/區(qū)域。當(dāng)然此處你也可以直接把div用section代替，或者把里面的 section 改成 div ,因?yàn)榇颂庍€不能明顯的區(qū)分兩者的區(qū)別:

 section id=”content”  section /section  section /section  /section 

或者：

 div id=”content”  div /div  div /div  /div 

HTML5 section標(biāo)簽的總結(jié)：

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

【小編推薦】

如何給html中的pre標(biāo)簽中的文字換行？html pre標(biāo)簽的使用實(shí)例

HTML iframe標(biāo)簽怎么使用？HTML iframe標(biāo)簽的使用實(shí)例介紹

以上就是html5 section標(biāo)簽是什么意思？html5 section標(biāo)簽的用法總結(jié)的詳細(xì)內(nèi)容，其它編程語言

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。