vlambda博客
学习文章列表

定义与用法

• <figure>标签用于定义网页上的图片。

• 虽然可以使用<img>标签来显示图片，但<figure>标签更强大，可用于处理带有某些嵌入式内容的组图，照片，代码等；

• 还可以与<figcaption>标签一起使用，<figcaption>可以为图片定义标题；

• <figure>标签是HTML5中引入的新标签。

  
  

语法格式

<figure>……</figure>

示例代码

<figure>  
  <img src="/img/ImperialPalace.jpg" alt="ImperialPalace"/>  
<figcaption>故宫雪景</figcaption>  
</figure>  

效果展示：

浏览器支持

IE	Firefox	Chrome	Safari	Opera

所有主流浏览器都支持 <figure> 标签，IE 8 或更早版本的 IE 浏览器不支持 <figure> 标签。

全局属性

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

事件属性

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

点击下方“阅读原文”阅览效果更佳