是否可以向HTML标签添加自定义属性?

是否可以向HTML标记添加自定义属性,如下所示?

<tag myAttri="myVal" />
小卤蛋LEY2020/03/23 16:29:14

您可以从JavaScript设置属性。

document.getElementById("foo").myAttri = "myVal"
阿飞2020/03/23 16:29:14

jQuery data()函数允许您将任意数据与DOM元素相关联。这是一个例子

2020/03/23 16:29:14

不,这会破坏验证。

在HTML 5中,您可以/将能够添加自定义属性。像这样:

<tag data-myAttri="myVal" />
小胖2020/03/23 16:29:14

是的,您可以,您是在问题本身中完成的:<html myAttri="myVal"/>

猴子2020/03/23 16:29:14

在HTML5中:是:使用data-属性

 <ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul> 
小胖Gil2020/03/23 16:29:13

您可以随意将自定义属性添加到元素中。但这会使您的文档无效。

在HTML 5中,您将有机会使用以开头的自定义数据属性data-

小胖2020/03/23 16:29:13

您可以修改!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属性