一、了解什么是分组元素
用于对页面中的元素进行分组
二、掌握figure、figcaption、hggroup三种分组元素的用法及用途
1、figure元素用于定义独立的流内容,如图像、图表、照片、代码等,一般指一个单独的单元。
figure元素的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响。
2、figcaption元素用于为figure元素组添加标题,一个figure元素内最多允许使用一个figcaption元素,该元素应该放在figure元素的第一个或者最后一个子元素的位置。
3、hgroup元素用于将多个标题(主标题和副标题或者子标题)组成一个标题组,通常它与h1~h6元素组合使用。通常,将hgroup元素放在header元素中。
在使用hgroup元素时要注意以下几点:
i、如果只有一个标题元素不建议使用hgroup元素。
ii、当出现一个或者一个以上的标题与元素时,推荐使用hgroup元素作为标题元素。
iii、当一个标题包含副标题、section或者article元素时,建议将hgroup元素和标题相关元素存放到header元素容器中。
三、了解什么是页面交互元素
可以进行用户的页面交互功能
四、掌握details元素、progress元素、meter元素的用法及作用
1、details元素用于描述文档或文档某个部分的细节。
summary元素经常与details元素配合使用,作为details元素的第一个子元素,用于为details定义标题。
2、progress元素用于定