HTML <figure> 标签

实例

使用<figure>元素标记文档中的照片:

<figure>
  <img src="kenan.jpg" alt="柯南">
  <figcaption>柯南是个帅哥.</figcaption>
</figure>
运行 »

定义和用法

<figure> 标签指定自包含的内容,如插图,图表,照片,代码清单等.

虽然 <figure>元 素的内容与主流相关,但其位置与主流无关,如果删除,则不应影响文档流.


浏览器支持

表中的数字指定了完全支持该元素的第一个浏览器版本.

Element
<figure> 6.0 9.0 4.0 5.0 11.1

HTML 4.01和HTML5之间的差异

<figure> 标记是HTML5中的新标记.


提示和注意事项

提示: <figcaption> 元素用于为 <figure> 元素添加标题.



全局属性

<figure> 标记还支持HTML中的 全局属性 .


事件属性

<figure> 标记还支持HTML中的 事件属性 .


相关页面

HTML DOM参考: figure对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <figure> 元素:

实例

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}