替代<img/>自定义属性？

Question

如果让我说我需要<img>来存储关于该元素的特定信息（JS的元数据的任意片段）。

e.g. <img class="slider-img" rel="1" src="image.png" />

So i.e in a slider, I would be able to grab that img with rel="1"

有哪些替代方案而不是创建/滥用属性（xbrowser＆amp;＆amp;向后兼容）？

以下是我发现目前正在使用的一些内容：

• HTML5，data- *
  
• rel属
  
  
• class / id attribute
  
• 自定义属性（Dojo）
  

Answer 1

您可以使用“longdesc”属性，它是有效的w3代码，但任何主流浏览器都不支持，因此您可以使用它来存储您的信息。

Answer 2

XML允许你想要的元素。

退房：http://www.bennadel.com/blog/547-jQuery-Custom-Selectors-Holy-Cow-That-Is-So-Badass-.htm

<img class="slider-img" rel="1" src="image.png" myOwnAttribute="MineNotYours"/>

它可能无法验证HTml5验证程序，但它仍然是有效的XML / HTML5。较新的浏览器和较旧的浏览器使用它们，它们只会忽略它们不知道的内容。

其他SO帖子：Is it OK to add your own attributes to HTML elements?