Javascript 如何正确存储图像的描述信息？

我已经编写了一个用于显示图像的自定义灯箱。单击图像并打开灯箱后，我希望显示该图像的描述。我试图以最干净、最有效、最恰当的方式存储描述，但我无法决定该怎么做

我考虑过使用自定义数据属性，但我发现：

自定义数据属性用于存储页面或应用程序专用的自定义数据，但没有更合适的属性或元素

所以数据picinfo或其他一些自定义数据字段似乎不合适？或者，由于我的lightbox应用程序将访问必要的数据字段以显示正确的信息，这完全合适吗

<img src="exampleimage.jpg" width="140" height="105" name="cool-image" data-picinfo="this was a beautiful day hiking the mountains"/>

---

完成我要做的事情的最佳和最恰当的方法是什么？

根据您的需要，我认为没有更干净的方法可以做到这一点，您的lightbox需要从其他属性（如数据标题）获取描述

<img src="exampleimage.jpg" width="140" height="105" name="cool-image" data-title="this was a beautiful day hiking the mountains" />

---

如何帮助：）

我将使用“alt”属性进行图像描述。Alt text不仅确保图像标记符合W3C的可访问性标准，而且还确保您正试图实现的目标

例如：

<img src="exampleimage.jpg" width="140" height="105" name="cool-image" alt="this was a beautiful day hiking the mountains" />

---

希望有帮助

在技术方面，

标题

属性最接近“描述”。但真正重要的是你有什么样的信息，你打算如何使用它，以及除了你对它的特殊用途之外，它是否有用

---

还有一个备受争议的、很少使用的

longdesc

属性，该属性应该提供指向“长描述”的链接，但主要用于可访问性目的（尤其是对于根本看不到图像的人），它不包括在HTML5 CR中。

如果您愿意，我会继续使用attribs。否则，使用JavaScript数组或对象。为什么不将描述放在元素中（比如适当设置了span的样式）？客户机主要用于显示，如果您要做的只是在DOM元素中逐字显示数据，则无需将数据放入属性中。在服务器上做一次工作。@RobG可以，但我必须显示：无；直到我想要那个信息的跨度？我想我更喜欢一种更干净的方法。@absentx我认为所有的想法都是好的，而且我认为这不是一个大问题，如何存储描述你应该在完成你的网站时更加关注：D@absentx查看我的更新答案，祝你好运；）是的，但您可能不希望看到悬停时的工具提示。也请参见此处的讨论在您提供的链接中我应该看到什么？@RobG如果查看编辑历史记录，您将看到答案最初有标题，而不是数据标题。：）然后，也许您应该删除您的评论。该注释适用于完全不显示图像的情况，即它是图像的替代品。这可能与OP希望显示的内容相同，也可能不同。@RobG但alt属性始终在这里，在不显示图像的情况下非常有用，并且可以使用javascript提取其值，我认为这个想法是正确的good@medbo-显示图像和alt值是多余的。例如，如果图像是饼图，则alt值应描述分段及其比例。这些信息应该已经在图像本身中可用（否则图像有什么意义？）。OP似乎要提供一个标题来提供更多信息，例如饼图中的信息简要分析。当然，我可能完全错了，总有第一次。：-）我认为alt是个好方法你的opinion@medBo，这个问题基本上应该以民意调查的形式结束，但我的回答提供了基于HTML规范和实践的技术答案。

alt

属性根据定义指定在未渲染图像时要渲染的内容（例如语音或盲文），而不是图像的描述。例如，对于纯装饰性图像，

alt=”“

就足够了；描述将是完全不同的。

var imgDescription = document.getElementsByTagName('img')[0].getAttribute("alt");