1. 程式人生 > >html5中的網頁結構

html5中的網頁結構

.org htm target 需要 整體 關於 cti ref targe

一、html5中的大綱

在html5中,使用各種結構元素所描述出來的整個網頁的層次結構,就是該網頁的大綱。因此在組織這份大綱的時候,不能使用div元素,因為div元素只能當做容器,用在需要對網頁中某個局部使用整體樣式時。http://gsnedders.html5.org/outliner/網站中有一個文檔大綱分析器,可以將文檔大綱以可視化的形式展示出來。“Untitled Section”表示缺乏標題

二、大綱的編排規則

關於內容區塊的編排,可以分為顯示編排與隱式編排兩種方式。

1、顯示編排內容區塊是指明確使用section等元素創建文檔結構,在每個文檔區塊內使用標題好(h1~h6、hgroup等)

2、隱式編排內容區塊是指不明確使用section元素,而是根據頁面中所書寫的各級標題等自動創建各級內容區塊。因為html5中分析器只要看到書寫了某個級別的標題,就會判斷存在相對應的內容區塊。

3、 標題分級規則:不同標題之間是有級別的,h1級別最高,h6級別最低,

(1)如果新出現的標題比上一個標題級別低,生成下級內容區塊

(2)如果新出現的標題比上一個標題級別高或相等,生成新的內容區塊

4、不同內容區塊可以使用相同級別的標題

父內容區塊與子內容區塊可以使用相同級別的標題

html5中的網頁結構