萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> HTML5 對各個標簽的定義與規定:section

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

<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>

copyright © 萬盛學電腦網 all rights reserved