<figure> 标签用于将图片、图表、音频、视频等媒体元素与其相关说明性内容进行关联。
语法
<figure> <!-- 媒体元素 --> <img src="image.jpg" alt="描述性文本"> <!-- 相关说明性内容 --> <figcaption>图片标题</figcaption> </figure>
属性
id: 为<figure>元素定义唯一的标识符。class: 为<figure>元素定义一个或多个类名。style: 规定元素的样式。align: 规定元素相对于周围元素的对齐方式。
示例
-- -------------------- ---- ------- -------- ---- --------------- ------------ ---------------------------------- --------- -------- ------ --------- ------- --------------- ----------------- ---- ------- ---- --- ------- --- ----- ---- -------- ------------------------------- --------- -------- ------ --------- ------- --------------- ----------------- ---- ------- ---- --- ------- --- ----- ---- -------- --------------------------------- ---------展开代码
通过 <figure> 标签，我们可以更好地组织和展示媒体元素，并为其提供相关的说明性内容，使页面内容更加清晰和易于理解。
