HTML <figure> 标签
例子
用一个<figure>元素来标记文档中的照片，以及<figcaption>元素来定义照片的标题：
<figure>
<img src="pic_trulli.jpg" alt="特鲁利" style="width:100%">
<figcaption>图 1 - 意大利普利亚大区的特鲁利。</figcaption>
</figure>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <figure> 标签指定自包含内容，如插图、图表、照片、代码列表等。
虽然内容 <figure> 元素与主流相关，其位置与主流无关，如果删除它不应影响文档的流程。
提示： 这<figcaption> 元素用于添加标题<figure> 元素。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <figure> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
全局属性
这 <figure> 标签还支持HTML 中的全局属性.
事件属性
这 <figure> 标签还支持HTML 中的事件属性.
更多示例
例子
使用 CSS 来设置样式<figure>和<figcaption> ：
<html>
<head>
<style>
数字 {
边框：1px #cccccc 实线；
填充：4px；
边距：自动；
}
图标题 {
背景颜色：黑色；
白颜色;
字体样式：斜体；
填充：2px；
文本对齐：居中；
}
</style>
</head>
<body>
<figure>
<img src="pic_trulli.jpg" alt="特鲁利" style="width:100%">
<figcaption>图 1 - 意大利普利亚大区特鲁利</figcaption>
</figure>
</body>
</html>
亲自尝试 »
相关页面
HTML DOM 参考： 图形对象
默认 CSS 设置
大多数浏览器会显示 <figure> 元素具有以下默认值：
