<figure>标签是HTML5中用于组织媒体元素及其相关内容的容器。通常,<figure>用于包含图像、图表、音频、视频等媒体元素,并且可以结合使用<figcaption>标签为这些媒体元素提供标题或说明。

以下是<figure>和<figcaption>标签的基本用法:
<figure>
  <img src="example.jpg" alt="示例图像">
  <figcaption>这是示例图像的说明。</figcaption>
</figure>

在这个例子中,<figure>元素包含了一个图像(<img>)和一个<figcaption>元素,用于提供图像的说明。这对于在网页中展示媒体元素并提供相关描述非常有用。

<figcaption>元素应该直接跟在其关联的<figure>元素的后面,以确保语义上的正确性。可以有多个<figure>元素,每个都包含一个媒体元素和其相应的说明。
<figure>
  <img src="photo1.jpg" alt="照片1">
  <figcaption>照片1的描述。</figcaption>
</figure>

<figure>
  <img src="photo2.jpg" alt="照片2">
  <figcaption>照片2的描述。</figcaption>
</figure>

这样的结构有助于提高文档的可读性,并使得媒体元素与其说明之间的关系更为清晰。


转载请注明出处:http://www.zyzy.cn/article/detail/3727/HTML5