上QQ阅读APP看书，第一时间看更新
1.4.2 课堂案例——使用hgroup元素
header元素位于正文开头，可以在这些元素中添加<h1>标记，用于显示标题。基本上，<h1>标记已经足够用于创建文档各部分的标题行。但是，有时候还需要添加副标题或其他信息，以说明网页或各节的内容。
hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将h1～h6元素进行分组，一个内容区块的标题及其子标题算一组。
通常，如果文章只有一个主标题，是不需要hgroup元素的。但是，如果文章有主标题，主标题下有子标题，就需要使用hgroup元素。如下所示为hgroup元素示例代码，在浏览器中的效果如图1.15所示。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>hgroup元素</title></head>
<article>
<header>
<hgroup>
<h1>旅游景点介绍</h1>
<h2>欢乐谷</h2>
</hgroup>
<p>欢乐谷是大型文化主题公园，惊险刺激的游乐设备、丰富多彩的演艺项目、精彩纷呈的主题文化节庆活动，让其成为时尚、动感、激情的繁华都市开心地。园区设置了100多项娱乐体验项目，包括双龙木质过山车、720°圆环过山车、弹射过山车等30多项游乐体验设备，以及40多处生态人文景观、10多台文化演艺精品和20多项主题娱乐游戏，精彩诠释多元欢乐。</p>
</header>
</article>
</html>
图1.15 hgroup元素示例
如果有标题和副标题，或在同一个header元素中加入多个标题，那么就需要使用hgroup元素。