<figure> | HTML5 图像定义标签的定义与用法

定义与用法

  • <figure>标签用于定义网页上的图片。
  • 虽然可以使用<img>标签来显示图片,但<figure>标签更强大,可用于处理带有某些嵌入式内容的组图,照片,代码等;
  • 还可以与<figcaption>标签一起使用,<figcaption>可以为图片定义标题;
  • <figure>标签是HTML5中引入的新标签。

语法格式

<figure>

……

</figure>


示例代码

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

效果展示:

ImperialPalace
故宫雪景

浏览器支持

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


全局属性

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


事件属性

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


相关