1 談談section標簽


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM