我可以像下面这样向HTML标记添加自定义属性吗?

<tag myAttri="myVal" />

当前回答

你可以像这样从JavaScript中提取你想要的值,而不是一个属性:

<a href='#' class='click'>
    <span style='display:none;'>value for JavaScript</span>some text
</a>

其他回答

你可以修改你的!DOCTYPE声明(即DTD)来允许它,这样[XML]文档仍然有效:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[
  <!ATTLIST tag myAttri CDATA #IMPLIED>
]>

#IMPLIED意味着它是一个可选属性,或者你可以使用#REQUIRED等等。

更多信息在DTD - Attributes中。

使用任何数据,我经常使用它们

<aside data-area="asidetop" data-type="responsive" class="top">

jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。

您可以通过JavaScript设置属性。

document.getElementById("foo").myAttri = "myVal"

您可以随意向元素添加自定义属性。但这会使您的文件无效。

在HTML 5中,您将有机会使用自定义数据属性前缀data-。