vlambda博客
学习文章列表

<figcaption> | HTML5 图片标题标签

定义与用法

  • <figcaption>标签用于为图像定义标题;

  • 它是一个可选标记,可以出现在<figure>标签内容之前或之后;

  • <figure>标记内只能嵌套一个<figcaption>元素。

  • <figcaption> 标签是 HTML 5 中的新标签。


提示:<figcaption>元素与<figure>元素一起使用,一般将其作为<figure>的第一个或最后一个元素。



语法格式

<figcaption>图片标题…</figcapiton>


示例代码

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

效果展示:

故宫雪景

浏览器支持

IE Firefox Chrome Safari Opera
<figcaption> | HTML5 图片标题标签 <figcaption> | HTML5 图片标题标签 <figcaption> | HTML5 图片标题标签 <figcaption> | HTML5 图片标题标签

所有主流浏览器都支持 <figcaption> 标签,Internet Explorer 8 以及更早的版本不支持 <figcaption> 标签。



全局属性


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



事件属性


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


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