仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 774|回复: 7
打印 上一主题 下一主题

[HTML5] 来一发HTML5网页计划:hgroup元素利用

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:11:46 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。网页制造Webjx文章简介:HTML5hgroup元素利用概述.
hgroup是HTML5中新界说的元素,用来将题目和副题目群组。在我们已有header标签的情形下,为何我们还要一个<hgroup>标签?上面将是这个成绩的解答
甚么是<hgroup>元素

上面是文档关于的形貌<hgroup>的形貌:
hgroup一样平常被用作将一个大概更多的h1到h6的元素群组,好比,一个区块内的题目和它的副题目。
Thehgroupelementistypicallyusedtogroupasetofoneormoreh1-h6elements—togroup,forexample,asectiontitleandanaccompanyingsubtitle.
W3CSpecification
这个表述代表着甚么?

<hgroup>饰演着一个能够包括一个大概更多题目相干的容器的脚色,这些题目大概在&ls;header>元素中。它只能包括从h1-h6的题目元素,这些题目多是副题目、二选一的题目大概标志题目。
更复杂的了解怎样利用<hgroup>的办法,是我们经由过程一些例子。好比上面Dr.Oli的例子:
当article标签有且只要一个题目的时分:
1234<article><h1>Articletitle</h1><p>Content…</p></article>当article标签有一个题目,而且还包括元数据的时分(meatadata)
12345678<!--Wrappingtitleandmetadatainheader--><article><header><h1>Articletitle</h1><p>(<timedatetime="2009-07-13">13thJuly,2009</time>)</p></header><p>Content…</p></article>当article标签有一组自我闭合题目的时分:
12345678<!--Titleh1andsubtitleh2inhgroup--><article><hgroup><h1>Articletitle</h1><h2>Articlesubtitle</h2></hgroup><p>Content…</p></article>一个article标签包括一个题目和副题目和元数据
1234567891011<!--Aheadingwhichusesheaderandhgroup--><article><header><hgroup><h1>Articletitle</h1><h2>Articlesubtitle</h2></hgroup><p>(<timedatetime="2009-07-13">13thJuly,2009</time>)</p></header><p>Content…</p></article>我们为何要利用<hgroup>?

我们用<hgroup>统统源起文档纲目(documentoutline).
当群组的题目在<hgroup>元素的时分,纲目的算法将会掩盖失落群组中高等级的题目,而将最初等级的题目作为纲目。上面的就是一个例子:
123456<header><hgroup><h1><ahref="/">MiniApps</a></h1><h2>WebapplicationsforiPhone,Android&othermobileplatforms</h2></hgroup></header><hgroup>包括h1-h2的题目元素,可是在纲目中只包括<h1>.就像下图展现的那模样。
我们能够从这个链接检察文档纲目:
http://gsnedders.html5.org/outliner/
总结:
我们方才讲的是怎样高效的利用<hgroup>元素。回忆一下:
.假如你只要一个题目元素(h1-h6中的一个),你其实不必要<hgroup>.
.当呈现一个大概一个以上的题目与元素时,合用<hgroup>来包抄他们。
.当你的有一个题目有副题目大概别的的和section大概article有干系的元数据时,将<hgroup>和元数据放到一个独自的<header>元素容器中。
中文原文:HTML5hgroup元素利用概述
英文原文:AvoidingcommonHTML5mistakes

</p>
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-30 21:54

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表