HTML5 <figure> 标签
主题：HTML5 标签参考上一页|下一页
说明
<figure> 元素表示一个内容单元，可选地带有标题，它是自包含的并且通常作为单个单元引用。 通常这是在正文中引用的图像、插图、图表或代码片段。
下表总结了此标签的使用上下文和版本历史。
| Placement: | 块 |
|---|---|
| Content: | <figcaption> 元素，后跟 Block、Inline 和 text 元素，反之亦然 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | New in HTML5 |
语法
<figure> 标签的基本语法如下：
HTML / XHTML: <figure> ... </figure>
下面的示例显示了 <figure> 标签的作用。
<figure>
<img src="discovery.jpg" alt="Space Shuttle">
<figcaption>NASA - Space Shuttle Discovery</figcaption>
</figure>注意： <figure> 元素的内容与主流程相关，但其位置与主流程无关，可以从主流程中移开。 文档的主要流程，而不影响文档的含义。
标签特定属性
<figure> 标签没有任何特定属性。
全局属性
与所有其他 HTML 标签一样， <figure> 标签支持 HTML5 中的全局属性。
事件属性
<figure> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <figure> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 图片.
相关标签： <figcaption>, <img>.
Advertisements