<img>属性

Question

我有一些实现一种幻灯片的java脚本代码。它使用一系列img标签作为表来控制其操作。我可能用了一些我在哪里找到的代码作为基础。不管怎样，img标签包含一个data-img属性，我在img标签的任何定义中都找不到这个属性。现在我发现我需要向img标记添加更多的数据。所以我的问题是：

1) data-img实际上是真实属性还是临时属性？

2)我可以创造更多的属性吗？

3)使用这些属性的危险是什么？

Answer 1

1)它在HTML5中是有效的；在HTML4中，它是一个无效的属性(据我所知，它在所有浏览器中仍然有效，但会破坏验证)

2)据我所知，您可以添加任意属性并在Javascript中查询它们，但这些属性很可能无法通过某些DOM操作和浏览器创建标记的其他操作-可能无效的属性将被简单地删除

3)您的页面将不再有效。

背景：Custom attributes - Yay or nay?

Answer 2

1. 依赖于implementation.
2. YES，通常这样做非常有用。
3. 如果在#2中创建，不是，不，在这一点上它们是DOM的一部分，我知道没有浏览器可以删除属性。

Answer 3

它们是有效的HTML5属性。

如果您只需要在客户端使用javascript添加和获取数据，而不需要与服务器端进行通信，那么您可以实现一个类似于Mootools所使用的store and retrieve机制。

它不会污染DOM，也不会存储javascript对象。