HTML5 對各個標籤的定義與規定:section

來源:互聯網
上載者:User

<section>標籤是 HTML 5 中的新標籤。

W3C定義為:


<section> 標籤定義文檔中的節(section)。比如章節、頁首、頁尾或文檔中的其他部分。


section元素標籤用來表現普通的文檔內容或應用區塊。一個section通常由內容及其標題組成...但section元素標籤並非一個普通的容器元素;當一個容器需要被直接定義樣式或通過指令碼定義行為時,推薦使用div元素而非section。


通常不推薦為那些沒有標題的內容使用

;我們可以使用HTML5輪廓工具來檢查我們的頁面中是否有不包含標題部分的<section>容器。
我們可以看到,雖然文章有正式的h1與h2,但是在<section>中,仍然可以為這個內容部分使用h1來作為標題。

下面是幾條關於使用<section>的禁忌:
不要將<section>作為用來設定樣式或行為的“鉤子”容器,那是<div>的工作。
如果<article>、<aside>或<nav>更符合狀況,不要使用<section>。
不要為沒有標題的內容區塊使用<section>。 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML5中國http://www.html5cn.org/>
</head>
<body>
<section>
   <h1>章節一&/h1>
    <p>詳細內容...&/p>
</section>
<section>
   <h1>章節二&/h1>
    <p>詳細內容...&/p>
</section>
</body>
</html>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.