..."> ..."/> ..."> ...">

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

html HTML

小哥老丝

2020-03-23

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

<tag myAttri="myVal" />

第2993篇《是否可以向HTML标签添加自定义属性?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

7个回答
小卤蛋LEY 2020.03.23

您可以从JavaScript设置属性。

document.getElementById("foo").myAttri = "myVal"
阿飞 2020.03.23

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

2020.03.23

不,这会破坏验证。

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

<tag data-myAttri="myVal" />
小胖 2020.03.23

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

猴子 2020.03.23

在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> 
小胖Gil 2020.03.23

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

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

小胖 2020.03.23

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android