首页 理论教育 介绍新增的figure元素

介绍新增的figure元素

时间:2023-06-03 理论教育 版权反馈
【摘要】:<figure>标签是HTML5中的新标签,figure元素代表一个块级图像,还可以包含图像说明。figure元素不仅可以用来显示图片,还可以使用它给audio、video、iframe、object和embed元素添加说明。figure元素用来表示网页上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生任何影响。下面是figure元素的实例,将它用作文档中插图的图像,代码如下:

介绍新增的figure元素

<figure>标签是HTML5中的新标签,figure元素代表一个块级图像,还可以包含图像说明。figure元素不仅可以用来显示图片,还可以使用它给audio、video、iframe、object和embed元素添加说明。figure元素用来表示网页上一块独立的内容,将其从网页上移除后不会对网页上的其他内容产生任何影响。

下面是figure元素的实例,将它用作文档中插图的图像,代码如下:

<!DOCTYPEHTML>

<html>

<body>

<p>上海卢浦大桥是当今世界第一钢结构拱桥,是世界上跨度最大的拱形桥。它也是世界上首座完全采用焊接工艺连接的大型拱桥(除合拢接口采用栓接外),现场焊接焊缝总长度达4万多米,接近上海市内环高架路的总长度。卢浦大桥像澳大利亚悉尼的海湾大桥一样具有旅游观光的功能。</p>(www.xing528.com)

其运行效果如图5.29所示。

图5.29 figure元素使用实例

所有主流浏览器都支持<figure>标签。<figure>标签支持HTML5中的全局属性。<figure>标签也支持HTML5中的事件属性。

思考:请使用<figcaption>元素为figure添加标题(caption)。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈