先來解釋下html5 section標籤的意思：
html5 section標籤定義了文檔中的節（section、區段）。比如章節、頁首、頁尾或文檔中的其他部分。
看一個執行個體讓你更加瞭解section標籤：
文檔中的區段，解釋了 PRC：
<section> <h1>topic.alibabacloud.com</h1> <p>這裡是topic.alibabacloud.com，網址是www.php.cn</p></section>
執行個體效果如：
現在說說section標籤的注意點：
section 不是一個專用來做容器的標籤，如果僅僅是用於設定樣式或指令碼處理，專用的是 div
section 裡應該有 標題（h1~6），但文章中推薦用 article 來代替
一條簡單的準則是，只有元素內容會被列在文檔大綱中時，才適合用section元素。
section的作用是對頁面上的內容進行分塊，如各個有標題的版塊、功能區或對文章進行分段，不要與有自己完整、獨立內容的article混淆。
html5 section標籤的用法：
html5引入了<section>標籤，用於描述文檔的結構，它同<div>標籤的意思一樣。但是在特定環境中，兩者又有明顯的區別。
w3對<section>的定義是：定義一個文檔的章節(可以擁有自己的<header>和<footer>)。
w3對<div>的定義是: 定義一個文檔的章節。（但似乎更適合用於外層的布局，缺少語義性。）
現在來看一個案例：
<body> <header></header> <div id=“content”> <section></section> <section></section> </div> <footer></footer></body>
在這裡，我們用<section>來定義id為content的div裡面的兩個章節/地區。當然此處你也可以直接把div用section代替，或者把裡面的<section>改成<div>,因為此處還不能明顯的區分兩者的區別:
<section id=”content”> <section></section> <section></section></section>
或者：
<div id=”content”> <div></div> <div></div></div>
HTML5 section標籤的總結：
我們用<div>標籤來布局整個最外層的章，而用<section>用來定義內部的章節。當然如果把整個文檔都看作是一個章節，那麼也可以用<section>來代替<div>，但是建議不要使用<section>來代替該用<div>布局的地方，那些地方不能體現出<section> 的語義性。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
