3.9.3  <hgroup>元素

3.9.3 <hgroup>元素

<hgroup>元素是HTML 5中新增的元素,用于对页面的标题进行分组,从而形成一个组群。为了更好地说明各组群的功能,该元素常常与元素<figcaption>结合使用,通过<figcaption>元素说明各组群的功能。请读者看下面的代码:

978-7-111-53392-4-Part02-115.jpg

在上述代码中,通过元素<hgroup>创建了一个标题组,命名为“标题一”。该标题中包含了两个子标题,分别为“标题hl”与“标题h2”。

下面将通过一个实例讲解在网页中实现一个树节点效果的方法。

978-7-111-53392-4-Part02-116.jpg

本实例的功能是,使用<nav>元素实现节点效果。<nav>元素是一个可以用来作为页面导航的链接组;其中的导航元素可以链接到其他页面或当前页面的其他部分。并不是所有的链接组都要放进<nav>元素中;例如,在页脚中通常会有一组链接,包括服务条款、首页、版权声明等;这时使用<footer>元素是最恰当的,而不需要<nav>元素。实例文件11.html的具体代码如下。

978-7-111-53392-4-Part02-117.jpg

978-7-111-53392-4-Part02-118.jpg

通过上述代码可以看到,<nav>元素不仅可以用来作为页面全局导航,也可以放在<article>标签内,作为单篇文章内容的相关导航链接到当前页面的其他位置。执行效果如图3-18所示。

978-7-111-53392-4-Part02-119.jpg

图3-18 执行效果