?
This document uses PHP Chinese website manual Release
這是一個實驗中的功能
此功能某些瀏覽器尚在開發(fā)中,請參考瀏覽器兼容性表格以得到在不同瀏覽器中適合使用的前綴。由于該功能對應(yīng)的標準文檔可能被重新修訂,所以在未來版本的瀏覽器中該功能的語法和行為可能隨之改變。
HTML<hgroup>
Element(HTML Headings Group Element) 代表一個段的標題。它規(guī)定了在文檔輪廓里(the outline of the document )的單一標題是它所屬的隱式或顯式部分的標題。
內(nèi)容類別 | 流量內(nèi)容,標題內(nèi)容,可觸及的內(nèi)容。 |
---|---|
允許的內(nèi)容 | 一個或多個<h1>,<h2>,<h3>,<h4>,<h5>和/或<h6>。 |
標記遺漏 | 沒有,起始和結(jié)束標簽都是強制性的。 |
允許父母 | 任何接受流內(nèi)容的元素。 |
允許ARIA角色 | 標簽,演示文稿 |
DOM界面 | HTML元素 |
這個元素僅包含全局屬性。
<hgroup>
元素已從HTML5(W3C)規(guī)范中刪除,但仍在WHATWG版本的HTML中。盡管在大多數(shù)瀏覽器中部分實現(xiàn),所以不太可能消失。
但是,考慮到<hgroup>
元素的關(guān)鍵目的是影響HTML規(guī)范中定義的輪廓算法如何顯示標題- 但HTML輪廓算法沒有在任何瀏覽器中實現(xiàn),那么<hgroup>
語義實際上只是理論上的。
因此,HTML5(W3C)規(guī)范提供了如何在不使用<hgroup>
標記子標題,字幕,替代標題和標語的建議。
<hgroup>
元素允許文檔部分的主標題與任何次級標題(例如小標題或替代標題)分組,以形成多級標題。
換句話說,這個<hgroup>
元素可以防止任何一個二級<h1>–<h6>
孩子在大綱中創(chuàng)建他們自己的單獨的部分 - 這些<h1>–<h6>
元素通常會在沒有任何子元素的情況下進行<hgroup>
。
所以在HTML規(guī)范中定義的HTML輪廓算法產(chǎn)生的抽象輪廓中,<hgroup>
整體形成一個單一的邏輯標題,整個<h1>–<h6>
子<hgroup>
輪廓作為一個多級單元進入輪廓,構(gòu)成單一的抽象大綱中的邏輯標題。
為了產(chǎn)生這樣一個大綱的任何(非抽象的)呈現(xiàn)的視圖,必須在呈現(xiàn)工具的設(shè)計中做出關(guān)于如何呈現(xiàn)<hgroup>
標題以便表達它們的多層次性質(zhì)的選擇。<hgroup>
渲染后的輪廓可能有多種顯示方式; 例如:
一個<hgroup>
可能被示出為處于呈現(xiàn)的輪廓與冒號和空格(“ :
”)或其他這樣的標點會在主標題后
或所述第一次級標題之前(和具有相同或相似的標點符號任何其他輔助標題之前)
一個<hgroup>
可能會顯示在一個呈現(xiàn)的大綱中,主要標題之后是次要標題周圍的括號,
思考下面的HTML文檔:
<!DOCTYPE html><title>HTML Standard</title><body> <hgroup id="document-title"> <h1>HTML</h1> <h2>Living Standard — Last Updated 12 August 2016</h2> </hgroup> <p>Some intro to the document.</p> <h2>Table of contents</h2> <ol id=toc>...</ol> <h2>First section</h2> <p>Some intro to the first section.</p></body>
該文檔的大綱應(yīng)如下所示:
也就是說,呈現(xiàn)的輪廓可能會顯示主標題,HTML,后面跟冒號和空格,后面是輔助標題Living Living - 2016年8月12日最后更新。
或者,該文檔的呈現(xiàn)大綱可能會改為如下所示:
也就是說,呈現(xiàn)的大綱可能會顯示主要標題HTML,后面是括號中顯示的次要標題:( 生活標準 - 最近更新時間2016年8月12日)。
<hgroup id="document-title"> <h1>HTML</h1> <h2>Living Standard — Last Updated 12 August 2016</h2></hgroup>
規(guī)范 | 狀態(tài) | 評論 |
---|---|---|
HTML生活標準該規(guī)范中'<hgroup>'的定義。 | 生活水平 |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | 5 | (Yes) | 4 | 9 | 11.1 | 4.1 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | 2.2 | (Yes) | (Yes) | 4 | 9 | 11 | 4.2 |