在编写基于javascript的应用程序时，我经常发现我想要包含一个不太适合作为id或类的元素的信息，我想知道如何在结构上/语义上用html最好地包含它。有时我想要包含与<a>中不存在的另一个元素的关联，因此href不合适。我一直在添加像'tooltip_'或'button_'这样的前缀，然后使用字符串操作来转换它，但这有点笨重。
所以我想知道是否有任何属性适合用于其他类型的数据。
同样好奇，因为我看到使用jQuery插件qTip，你可以set an attribute to pull the tip description from，但如果我要<p> <a> <img> {{1}标签所有提示和理想情况下设置相同的方式..在那种情况下我可以使用什么属性？
答案 0 :(得分：2)
如果信息主要供JavaScript与之交互，例如存储额外数据，则前缀为data-的属性即可。 jQuery库通过它的Data方法支持这一点。
对于用户内容，它取决于内容是什么，以及它应该如何使用。
对于图像，alt属性专门用于保存图像中内容的文本替代。一个好的经验法则是图像中的所有单词（重要）都应该在alt属性中，以及图像描绘的描述。要对此进行测试，请关闭图像（许多浏览器扩展程序可以执行此操作）并阅读您的页面。如果在alt文本替换图像并且您没有丢失任何信息时仍然有意义，那么您就是好的。
title属性用于保存适用于工具提示的信息。
longdesc和figcaption也是为此目的而设计的其他一些属性。如果您真的想学习何时使用什么，我强烈建议您阅读html5 spec。