标签：figure 元素 figcaption 标题 分组 hgroup

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

figure元素和figcaption元素

• figure元素用于定义独立的流内容（图像、图表、照片、代码等），一般指一个独立的单元。figure元素的内容应该与主内容相关，但如果被删除，也不会对文档流产生影响。
• figcaption元素用于为figure元素组添加标题，一个figure元素内最多允许使用一个figcaption元素，该元素应该放在figure元素的第一个或最后一个子元素的位置。

<p>被称作“第四代体育馆”</p>
<figure>
    <figcaption>北京鸟巢</figcaption>
    <p>拍摄者：张三，拍摄时间：2019年9月15日 17:42:12</p>
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568550641218&di=3d4dc50f7b0fe9a2ed3a8b25198b3730&imgtype=0&src=http%3A%2F%2Fm.tuniucdn.com%2Ffb2%2Ft1%2FG1%2FM00%2F0C%2F9D%2FCii9EFbQJa2IV2ubAAIUZv3TCucAACUQgCQyfAAAhR-415_w500_h280_c1_t0.jpg"
         alt="">
</figure>

hgroup元素

hgroup元素用于将多个标题（主标题和副标题或者子标题）组成一个标题组，通常它与h1~h6元素组合使用。通常，将hgroup元素放在header元素中。
在使用hgroup元素时要注意以下几点：

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

<header>
    <hgroup>
        <h1>我的个人网站</h1>
        <h2>我的个人作品</h2>
    </hgroup>
    <p>开心快乐每一天</p>
</header>

标签：figure,元素,figcaption,标题,分组,hgroup
来源： https://www.cnblogs.com/lxy0/p/11523617.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。