溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
html5中如何使用section標(biāo)簽？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！
先來解釋下html5 section標(biāo)簽的意思：
html5 section標(biāo)簽定義了文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。
看一個實(shí)例讓你更加了解section標(biāo)簽：
文檔中的區(qū)段，解釋了 PRC：
<section> <h2>億速云</h2> <p>這里是億速云，網(wǎng)址是www.php.cn</p> </section>
現(xiàn)在說說section標(biāo)簽的注意點(diǎn)：
section 不是一個專用來做容器的標(biāo)簽，如果僅僅是用于設(shè)置樣式或腳本處理，專用的是 div
section 里應(yīng)該有 標(biāo)題（h2~6），但文章中推薦用 article 來代替
一條簡單的準(zhǔn)則是，只有元素內(nèi)容會被列在文檔大綱中時(shí)，才適合用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> 的語義性。
感謝各位的閱讀！看完上述內(nèi)容，你們對html5中如何使用section標(biāo)簽大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼