HTML分组元素

分组元素用于对页面中的内容进行分组。

figure元素和figcaption元素

在HTML5中，figure元素用于定义独立的流内容（图像、图表、照片、代码等），一般指一个单独的单元

figure元素的内容应该与主内容相关，但如果被删除，也不会对文档流产生影响。

figcaption元素用于为figure元素组添加标题，一个figure元素内最多允许使用一个figcaption元素，该元素应该放在figure元素的第一个或者最后一个子元素的位置。

下面通过一个案例对figure和figcaption元素的用法进行演示：

 

 运行效果如图所示：

 

 hgroup元素

hgroup元素用于将多个标题组成一个标题组，通常与h1-h6元素组合使用，并放在header元素中。

在使用hgroup元素时要注意以下几点：

• 如果只有一个标题元素不建议使用hgroup元素。
• 当出现一个或一个以上标题元素时，建议使用hgroup元素作为标题元素。
• 当一个标题包含副标题、section或者article元素时，建议将hgroup元素和标题相关元素存放到header元素容器中。

下面通过一个案例对hgroup元素的用法进行演示：

 

 hgroup与figcaption结合使用

 

 

运行结果如下：