網頁編排規則

轉載自:網頁編排規則

所謂大綱,簡單來說就是文檔中各內容區塊的結構編排。可以分爲顯式編排和隱式編排2種方式。

顯式編排:明確使用section元素創建文檔結構,在每個內容區塊內使用標題

隱式編排:不明確使用section等元素,根據頁面中所書寫的各級標題等把內容區塊自動創建出來。

隱式編排容易讓自動生成的整個文檔結構和想要的文檔結構不一樣,而且也容易引起文檔結構的混亂,因此需要儘量使用顯示編排。

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

HTML5結構---大綱編排的結構
1.顯示編排內容區域塊,明確使用section等元素創建文檔結構
2.隱式編排內容區域塊,不明確使用,更具需求
3.標題分級,下級區域塊&新區域塊
4.不同區域塊可以使用相同級別的標題

 標題分級

不同的標題有不同的級別,h1的級別最高,h6的級別最低。隱式編排時按如下規則自動生成內容區塊:

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

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

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

另外,不同的內容區塊可以使用相同級別的標題。例如,父內容區塊與子內容區塊可以使用相同級別的標題h1。這樣做的好處是:每個級別的標題都可以單獨設計,如果既需要“整個網頁的標題”,又需要“文章的標題”(譬如書寫文檔時),這樣做將會帶來很大的便利性.


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章