仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 867|回复: 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)的组织。
沙发
发表于 2015-1-17 20:36:21 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-24 13:41:54 来自手机 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
乐观 该用户已被删除
地板
发表于 2015-2-1 16:37:02 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
海妖 该用户已被删除
5#
发表于 2015-2-7 11:47:16 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
山那边是海 该用户已被删除
6#
发表于 2015-2-22 08:59:17 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
爱飞 该用户已被删除
7#
发表于 2015-3-7 01:22:56 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
冷月葬花魂 该用户已被删除
8#
发表于 2015-3-14 06:57:51 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 03:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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