其他信息HTML元素属性

Question

我一直在使用rel存储一些非HTML信息，我可以用来存储信息的其他常用属性是什么？

Answer 1

您可能希望切换到HTML5并使用custom data attributes。

Answer 2

在HTML5中，您可以定义自己的data-属性来存储您想要的任何内容。

Answer 3

如果您愿意，您可以自己制作属性。将数据放入属性可能不是一个好主意，如果按照规范它应该有一些有意义的东西。

Answer 4

这有帮助吗？向下滚动到rel部分：

http://diveintohtml5.ep.io/semantics.html

Answer 5

在HTML 5 spec中，您可以使用data-*属性;他们保证不会对浏览器做任何事情，他们也可以在旧版浏览器中使用。

在JavaScript中，您可以使用常规属性属性访问它：

var value = elem.getAttribute("data-foo")
elem.setAttribute("data-foo", "value")
elem.removeAttribute("data-foo")

使用新浏览器，您可以使用elem.dataset，但您可能不希望这样做，因为旧浏览器不支持它。

var value = elem.dataset.foo;
elem.dataset.foo = "value";
elem.dataset.foo = null;

Answer 6

HTML5现在supports将信息存储在data- *属性中，但那就是HTML5，而且每个人都还没有。所以现实世界的场景......

如果您不必担心在帖子后面进行持久化，则可以将简单数据对象映射为JSON集合var，并根据特定键将对象拉出来。但这是一种广泛的方法 - 有关总体目标的更多信息将改善反馈。

Answer 7

取决于您要存储的信息类型以及您打算如何访问它。我成功地使用了id和class属性来存储和访问数据库ID，例如，甚至引用了一些数据库表，然后我用jQuery检索它们来做一些AJAX请求。

如果您不使用HTML5，我建议您不要使用自己的自定义属性。否则，就像我之前已经建议过的人一样，看一下data-前缀属性。

Answer 8

data- *是您可以使用HTML5的方法。您也可以使用elem.data轻松访问它们。*

否则，自定义属性可能比搞砸页面的语义更好。