HTML 图例标签 - Html

HTML 图例标签是用来表示图例的标签。图例是在图形中使用的图形说明。HTML 有两个图例标签， <figure> 和 <figcaption>。

<figure> 标签

<figure> 标签用于包含一组内嵌的内容，通常是图像、图表、照片、代码等。

语法

<figure>
    ...
</figure>

实例

以下是一个 <figure> 标签的示例。图像被包含在 <figure> 标签中，而图像说明则被包含在 <figcaption> 标签中：

<figure>
    <img src="example.png" alt="示例图像">
    <figcaption>这是一个示例图像</figcaption>
</figure>

输出

以下是上面实例的 HTML 渲染结果：

<figcaption> 标签

<figcaption> 标签用于为 <figure> 元素定义标题。

语法

<figcaption>caption</figcaption>

实例

以下是使用 <figcaption> 标签的一个示例：

<figure>
    <img src="example.png" alt="示例图像">
    <figcaption>这是一个示例图像</figcaption>
</figure>

输出

以下是上面实例的 HTML 渲染结果：

总结

<figure> 和 <figcaption> 标签是用于表示图例的标签，它们能够在无需定义类或 ID 的情况下，对图例元素进行样式、结构和标记的处理。