官术网_书友最值得收藏!

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。

詳細示例演示說明,請掃碼學習。

線上閱讀

主站蜘蛛池模板: 五指山市| 会泽县| 拉孜县| 湛江市| 汉川市| 淮南市| 穆棱市| 富阳市| 中阳县| 台中县| 长治县| 榆林市| 油尖旺区| 夏津县| 威远县| 疏附县| 库伦旗| 开鲁县| 紫阳县| 天水市| 榆树市| 德令哈市| 大化| 临夏市| 常宁市| 类乌齐县| 保山市| 大城县| 弥勒县| 南召县| 米易县| 库伦旗| 吉木萨尔县| 苏尼特右旗| 个旧市| 南和县| 长兴县| 上饶县| 龙山县| 澄迈县| 冀州市|