HTML 标题属性答案

【问题标题】：HTML Title AttributeHTML 标题属性
【发布时间】：2016-01-23 01:41:51
【问题描述】：

在我的网站上，我包含了图片。我目前正在将图像的版权信息显示为图像标签上的标题属性。

我最近发现移动浏览器无法显示工具提示，这意味着版权信息不会显示在移动设备上。这是个问题。

我想知道是否有办法在照片底部创建一个黑条，并在其中显示图像的标题属性？

更新：没关系。我决定为所有未来的图像实现figcaption 元素。感谢所有的答案。

【问题讨论】：

是的，但是鉴于您当前的（隐含的）HTML，您将需要 JavaScript，或者您需要以某种方式更新您的视图。请发布您的代码示例“minimal reproducible example”，以及显示所需输出的图像。

标签： html css image title

【解决方案1】：

您可以使用<figure> 元素在 HTML 5 文档中标记照片。

<figure> 
    <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
    <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

这是W3Schools.com 上的链接，向您展示它是如何工作的！

希望对您有所帮助！

【讨论】：

我的网站目前有超过 1000 张图片，标题属性中包含版权信息，所以我希望从那里提取它，因为不可能为我现有的所有图片添加 figcaption。
'@ComputerWhiz'（注意引号）带有正则表达式和宏键盘记录，自动更改代码负载并不难。