- HTML5+CSS3從入門到精通(微課精編版)
- 前端科技
- 624字
- 2021-02-03 09:30:39
2.6 HTML5文檔大綱
HTML5對如何處理位于article、aside、nav和section等結構元素中的h1~h6有一套算法。該算法通常稱為HTML5文檔大綱,文檔大綱不會對頁面結構造成破壞,也不會影響布局。不過,目前還沒有瀏覽器實現這套算法,在屏幕閱讀器中只有JAWS(一款運行于Windows下的屏幕閱讀器)支持,而它的實現還存在問題。鑒于此,W3C已經將文檔大綱列入可能從最終定稿的規范中移除的特性。
2.6.1 定義文檔節段

視頻講解
在HTML5文檔中,節段是一個很重要的概念,它表示一個語義獨立的內容塊。能夠定義節段的元素包括:body、section、article、aside、nav、header、footer。
節段可以相互嵌套,形成嵌套的結構層次關系。每個節段都必須有自己的標題,即使是嵌套的節段,也必須有自己的標題,標題可以使用h1、h2、h3、h4、h5、h6元素之一標識。
詳細示例演示說明,請掃碼學習。

線上閱讀
2.6.2 隱式分節

視頻講解
HTML5分節元素不會強制性定義大綱,為了與HTML4保持兼容,有一種方式來定義節段,而不需要分節元素,這種方式就是隱式分節。
當標題元素(h1~h6)不是父節段的第一個標題時,它會隱式定義一個新的節段。這種隱式節段通過在父節點中與之前標題的相對級別來確定。如果比之前的標題級別更低,那么就會定義一個新的子節段。
詳細示例演示說明,請掃碼學習。

線上閱讀
2.6.3 特殊分節

視頻講解
1.分節根
分節根擁有獨立的大綱體系,其內的節段與外部大綱沒有聯系。使用blockquote、details、fieldset、figure、td可以定義分節根元素。
2.主綱之外的節段
下面4個元素用來定義不屬于文檔主要大綱中的節段:aside、nav、header、footer。
詳細示例演示說明,請掃碼學習。

線上閱讀
推薦閱讀
- 深入理解Android(卷I)
- C程序設計簡明教程(第二版)
- Full-Stack Vue.js 2 and Laravel 5
- Hands-On Kubernetes on Windows
- 運維前線:一線運維專家的運維方法、技巧與實踐
- JavaScript機器人編程指南
- Python數據科學實踐指南
- 軟硬件綜合系統軟件需求建模及可靠性綜合試驗、分析、評價技術
- VMware vSphere 5.5 Cookbook
- 輕松學Scratch 3.0 少兒編程(全彩)
- JavaScript Mobile Application Development
- Python Django Web從入門到項目實戰(視頻版)
- Improving your Penetration Testing Skills
- 流暢的Python
- Scratch 3.0少兒積木式編程(6~10歲)