section 字面上理解為“塊”,“部分”,section元素代表一個頁面或一個內容塊的部分,一般作為主題塊列表,在html5網頁中表現的意思跟字面理解差不多,即部分,塊,模塊,主要作用為對頁面的內容進行分塊或者對文章的內容進行分段。
section標簽是成對出現的,以<section>開始,以</section>結束section標簽通常帶有一個標題和一個內容塊。
一、section標簽實例
<!doctype html> <article> <h1>Web編程語言比較</h1> <p>web編程語言常用的有asp,asp.net,php,jsp...</p> <section> <h2>asp</h2> <p>asp全稱Active Server Page</p> </section> <section> <h2>php</h2> <p>草根動態語言,免費,強大</p> </section> </article>
二、article與section的異同
section和article可以互相嵌套,也就是說他們沒有上下級關系,section可以包含article,article也可以包含section。
感覺上使用都差不多,都可以有h1,h2,h3,都有一個主體,那應該怎么來區分它們的不同?其實很簡單,只要從字面上理解它們就可以足夠了:
1、article是文章,文章就是一段完整的獨立的內容。
2、section就是塊,某種意義上可以理解為div,但是比div的意思更加明確一點。
三、section和div的異同
1、section和div都可以對內容進行分塊,但是section是進行有意義的分塊,無意義的分塊應該由div來做,例如用作設置樣式的頁面容器。
2、section內部必須有標題,標題也代表了section的意義所在。
四、使用<section>標簽需要注意的地方
1、不要將<section>作為用來設置樣式或行為的“鈎子”容器,那是<div>的工作。
2、如果<article>、<aside>或<nav>更符合狀況,不要使用<section>。
3、不要為沒有標題的內容區塊使用<section>。
本文摘自:http://www.studyofnet.com/news/331.html