HTML figure标签

HTML figure标签用于将图片、插图或其他媒体与其标题、说明或其他相关内容关联起来。使用figure和figcaption元素可以提高可访问性，使网站更易于理解和浏览。

语法

<figure>
   <img src="image.jpg" alt="Image">
   <figcaption>Caption goes here</figcaption>
</figure>

解释

以上代码展示了figure标签的基本结构。它由一个包含媒体元素的元素、一个figcaption元素和一个figure元素组成。

• <figure> 元素用于包含媒体元素和其相关的说明
• <img> 元素代表要显示的图片，可以用其他媒体元素替代
• src 属性指定图像的URL地址
• alt 属性提供了可替代的文本，以在图像无法显示时提供说明
• <figcaption> 元素用于添加媒体元素的标题、说明或其他相关内容

示例

以下代码片段演示了如何使用figure标签来包含图像和说明：

<figure>
   <img src="images/flower.jpg" alt="Flower">
   <figcaption>Beautiful flowers</figcaption>
</figure>

兼容性

figure标签是HTML5中新增的元素，因此不支持较早的浏览器。建议在使用时进行验证并提供替代方案。

总结

HTML figure标签是一种非常有用的标记，用于将图像和其他媒体元素与其相关内容进行关联。它提高了页面的可访问性，并帮助人们更好地了解和浏览你的网站。