以下是<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