国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML5網頁設計-hgroup元素使用

2020-03-24 17:54:26
字體:
來源:轉載
供稿:網友
hgroup 是HTML5中新定義的元素,用來將標題和副標題群組。在我們已經有header標簽的情況下,為什么我們還要一個 hgroup 標簽?下面將是這個問題的解答什么是 hgroup 元素下面是文檔關于的描述 hgroup 的描述:
hgroup一般被用作將一個或者更多的h1到h6的元素群組,比如,一個區塊內的標題和它的副標題。The hgroup element is typically used to group a set of one or more h1-h6 elements to group, for example, a section title and an accompanying subtitle.
W3C Specification 這個表述代表著什么? hgroup 扮演著一個可以包含一個或者更多標題相關的容器的角色,這些標題可能在 header 元素中。它只能包含從h1-h6的標題元素,這些標題可能是副標題、二選一的標題或者標記標題。更簡單的理解如何使用 hgroup 的方法,是我們通過一些例子。比如下面 Dr.Oli 的例子:當article標簽有且只有一個標題的時候:
h1 Article title /h1 p ( time datetime= 2009-07-13 13th July, 2009 /time ) /p /header p Content /p /article
我們為什么要使用 hgroup ?我們用 hgroup 一切源起文檔大綱(document outline).
當群組的標題在 hgroup 元素的時候,大綱的算法將會覆蓋掉群組中低等級的標題,而將最高等級的標題作為大綱。下面的就是一個例子:
h1 a href= / Mini Apps /a /h1 h2 Web applications for iPhone, Android other mobile platforms /h2 /hgroup /header
hgroup 包含h1-h2的標題元素,但是在大綱中只包含 h1 .就像下圖展示的那樣子。我們可以從這個鏈接查看文檔大綱:http://gsnedders.html5.org/outliner/總結:
我們剛剛講的是如何高效的使用 hgroup 元素。回顧一下:
.如果你只有一個標題元素(h1-h6中的一個),你并不需要 hgroup .
.當出現一個或者一個以上的標題與元素時,適用 hgroup 來包圍他們。
.當你的有一個標題有副標題或者其它的和section或者article有關系的元數據時,將 hgroup 和元數據放到一個單獨的 header 元素容器中。中文原文:HTML5 hgroup 元素使用概述
英文原文:Avoiding common HTML5 mistakes
html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 勐海县| 石屏县| 开鲁县| 永登县| 克山县| 德化县| 平凉市| 吴忠市| 正蓝旗| 广汉市| 门头沟区| 沙湾县| 准格尔旗| 宁化县| 萝北县| 台东市| 北碚区| 西丰县| 右玉县| 永登县| 远安县| 鄂托克旗| 错那县| 调兵山市| 阳东县| 诸城市| 和田县| 申扎县| 上饶市| 襄樊市| 上林县| 聂拉木县| 张家口市| 逊克县| 伊宁县| 老河口市| 乌拉特前旗| 沽源县| 宜阳县| 鹤山市| 陵水|