<img/>属性

Question

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

1）data-img实际上是真正的属性还是adhoc？

2）我可以发明更多属性吗？

3）使用这些属性有什么危险？

Answer 1

1）它在HTML 5中有效;它是一个无效的属性（据我所知，它仍然适用于所有浏览器，但它会破坏验证）在HTML 4中

2）据我所知，你可以添加任意属性并在Javascript中查询它们，但是这些属性很可能无法在某些DOM操作和浏览器创建标记的其他操作中存活 - 可能会删除无效属性

3）您的网页将不再有效。

背景：Custom attributes - Yay or nay?

Answer 2

1. 取决于实施。
2. 是的，这通常非常有用。
3. 如果在＃2中创建，不是真的，不是，那时它们是DOM的一部分，我知道没有删除属性的浏览器。

Answer 3

它们是有效的HTML5属性。

如果您需要仅使用javascript为客户端添加和获取该数据而不与服务器端通信，则可以实现类似于Mootools使用的store and retrieve机制。

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