如何在 HTML 中的图像上添加标题

在 HTML 中，我们可以通过 alt 属性为图像添加文本说明。这个属性可以让屏幕阅读器阅读出该图像是什么，也可以在图像无法正常显示时给用户提供替代说明。但是，如果我们想要为图像添加一个可见的标题，该怎么办呢？

其实，在 HTML5 中，为图像添加标题可以使用 figure 和 figcaption 元素。这两个元素共同表示一个带有标题的独立单元（图像和标题）。下面是一个示例：

<figure>
  <img src="picture.jpg" alt="这是一张照片">
  <figcaption>这是一张美丽的自然风景</figcaption>
</figure>

在这个示例中，我们首先创建了一个 figure 元素来包含图像和标题。然后，在 figure 元素中，我们使用 img 元素来添加图像，使用 alt 属性为其添加文字说明。接着，我们又使用 figcaption 元素来为图像添加可见的标题。

通过这种方式，我们可以为图像添加一个具有独立意义的标题，使用户能够更好地理解图像的内容和意义。

总结：

• 在 HTML 中，可以使用 alt 属性为图像添加文字说明。
• 使用 figure 和 figcaption 元素可以为图像添加一个可见的标题。
• 这种方式可以帮助用户更好地理解图像的内容和意义。