例
使用<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;
}
试一试»