HTML 参考手册

HTML 标签大全

HTML: <figure> 标签

HTML <figure> 元素代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

在线示例

使用 <figure> 元素标记文档中的一个图像:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程网(nhooo.com)</title> 
</head>
<body>
<figure>
  <img src="views.png" alt="views" width="304" height="228">
</figure>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。

注释:IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。

标签定义及使用说明

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

<figure> 元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。

 通常,<figure>是图像,插图,图表,代码片段等,在文档的主流程中引用,但可以移动到文档的另一部分或附录而不影响主流程。

 通过在其中插入<figcaption>(作为第一个或最后一个子元素),可以将标题与<figure>元素相关联。图中找到的第一个<figcaption>元素显示为图的标题。

HTML 4.01 与 HTML5之间的差异

<figure> 标签是 HTML 5 中的新标签。

提示和注意

提示:<figcaption> 元素被用来为 <figure> 元素定义标题。

全局属性

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

事件属性

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