HTML5教程之 hgroup 标签元素详解

hgroup元素是将文章的标题与子标题进行分组的元素，它常常将h1-h6进行分组，将同一个区域的标题与子标题使用hgroup元素包起来。

HTML5教程之<br /> <hgroup> 标签元素详解

通常网页中只有一个标题时，是不需要hgroup元素的。

实例：

<hgroup>
<h1>Main title</h1>
<h2>Secondary title</h2>
</hgroup>

为什么要使用<hgroup>?

我们用<hgroup>一切源起文档大纲(document outline).
当群组的标题在<hgroup>元素的时候，大纲的算法将会覆盖掉群组中低等级的标题，而将特别高等级的标题作为大纲。下面的就是一个例子：

<header>

<hgroup>

<h1><a href="/">Mini Apps</a></h1>

<h2>Web applications for iPhone, Android & other mobile platforms</h2>

</hgroup>

</header>

<hgroup>总结：

.如果你只有一个标题元素（h1-h6中的一个），你并不需要<hgroup>.
.当出现一个或者一个以上的标题与元素时，适用<hgroup>来包围他们。
.当你的有一个标题有副标题或者其它的和section或者article有关系的元数据时，将<hgroup>和元数据放到一个单独的<header>元素容器中。

上一课: HTML5 video 播放视频不显示（无效源）原因和解决方法下一课: 6个超美的HTML+CSS用户留言表单

相关教程

移动端html5 meta标签的作用 (15264 次浏览)

制作手机版网站的时候，除了页面简洁、操作方便等访问者可以看到的地方以外，就是 Meta 标签的设置，合理设置 Meta 标签对手机版网站的搜索引擎优化
HTML5新增标签及含义 (16705 次浏览)

HTML5较以前的HTML版本，增加了很多的标签：属性值描述autoplayautoplay如果出现该属性，则视频在就绪后马上播放。contr
HTML5新增标签及含义解释 (16149 次浏览)

header元素nav元素article元素section元素aside元素<footer> 标签time元素<audio> 标签<canvas> 标签<command> 标签<data
Z-Blog 网站搬家教程 (16515 次浏览)

Z-Blog For PHP （以下简称zblog）的迁移相对还是比较简单的，需要修改的也就两个地方，一个是zblog本地的配置文件，另一个则是数据库中的配置文件。
帝国CMS网站搬家迁移详细图文教程 (111056 次浏览)

帝国cms网站在本地做好了，或者网站想跟换服务器空间，网站该怎么完美的迁移？下面就分享下帝国CMS网站网站搬家迁移教程。登录帝国后台：登陆后
帝国CMS网站系统安装方法图文教程 (17834 次浏览)

一、安装前准备工作运行环境：确认您的空间（虚拟主机）支持“PHP和MySQL数据库”或服务器已经成功安装“PHP和MySQL数据库”。版本要求： PHP4.*以
HTML5教程之 hgroup 标签元素详解 (16298 次浏览)

hgroup元素是将文章的标题与子标题进行分组的元素，它常常将h1-h6进行分组，将同一个区域的标题与子标题使用hgroup元素包起来。通常网页中只
HTML文本格式化标签与引用标签 (116419 次浏览)

HTML 文本格式化：使用 pre 标签对空行和空格进行控制。“计算机输出”标签：这些标签常用于显示计算机/编程代码。引用标签：使用 blockquote
HTML粗体标签、着重标签、斜体标签 (120466 次浏览)

HTML粗体标签：HTML b 标签b 标签-- 定义粗体文字不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
HTML换行标签与水平线标签 (117418 次浏览)

HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
html元素标签属性大全 (116457 次浏览)

什么是HTML属性每个HTML元素都可以给它添加一些属性，让它成为我们做网站时需要的样子。例如一段文字，我们可以给它添加属性，使这段文字变成红色，
html行内元素可以设置margin\padding属性吗 (17865 次浏览)

问题：在HTML中元素分为块状元素和行内元素，块状元素的外边距和内边距我们分别使用margin\padding属性来设置，那么行内元素可以设置margin\paddi
CSS3中UI元素状态伪类选择器详解 (144135 次浏览)

Part I 这种选择器的共同特征：指定的样式只有当元素处于某种状态时才起作用，在默认状态下不起作用CSS3中共有11种UI元素状态伪类选择器：