首页 » 编程语言 » html » 正文

HTML5标签:figcaption元素的使用方法及作用

html元素 <figcaption> 标签是用来给<figure> 标签内的元素内容添加标题的,有关<figcaption> 标签的使用方法及作用详细介绍如下:

<figcaption> 标签定义

<figcaption> 标签是给<figure>元素内容添加相关说明或标题的;

<figcaption> 标签必须写在<figure>标签内,且最多只能出现一次,也可以不放;

<figcaption> 标签只能作为<figure> 标签内的第一个或最后一个子标签放入其中;

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

浏览器支持情况

<figcaption> 标签已被 IE9, Firefox, Opera, Chrome 以及 Safari 支持;

但在Internet Explorer 8 以及更早的版本中,则不被支持 。

<figcaption> 标签用法

无论<figure>标签内的子元素有多少个,但<figcaption> 标签最多只有一个;

相关连接:<figure>标签的用法及作用  

1、一个标题带一个子元素

<figcaption>标签应该被置于<figure>标签内的第一个或最后一个子元素的位置。

<figure> 
<figcaption>刘代码博客logo图片</figcaption> 
<img src="logo.png"  alt="网站logo">
</figure>

2、一个标题带多个子元素内容

<figure>
    <figcaption>三张不同品种的狗狗图像</figcaption>
    <img src="dog1.jpg" alt="金毛犬"> 
    <img src="dog2.jpg" alt="萨摩耶"> 
    <img src="dog3.jpg" alt="哈士奇">
</figure>



欢迎您发表评论或留言