最新的Web开发教程
 

HTML <figure> Tag


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

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
试一试»

定义和用法

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

而含量<figure>元素是相关的主流程,它的位置是独立的主流程,并且如果去掉它不应影响文档的流动。


浏览器支持

在表中的数字指定完全支持元件的第一个浏览器的版本。

元件
<figure> 6 9 4 5 11.1

HTML 4.01和HTML5之间的差异

<figure>标签是HTML5中的新。


提示和注意

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


全局属性

<figure>标签支持全局的HTML属性


事件属性

<figure>标签支持的HTML事件属性


相关页面

HTML DOM参考: 图对象


默认设置CSS

大多数浏览器会显示<figure>元素与以下默认值:

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