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

<tag myAttri="myVal" />

当前回答

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

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

其他回答

你可以修改你的!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中。

在HTML5中:yes:使用data-属性。

 <ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul> 

下面是例子:

document.getElementsByTagName("html").foo="bar"

下面是另一个如何将自定义属性设置为body tag元素的示例:

document.getElementsByTagName('body')[0].dataset.attr1 = "foo";
document.getElementsByTagName('body')[0].dataset.attr2 = "bar";

然后读取属性:

attr1 = document.getElementsByTagName('body')[0].dataset.attr1
attr2 = document.getElementsByTagName('body')[0].dataset.attr2

你可以在DevTools的Console中测试上面的代码,例如:

不,这将破坏验证。

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

<tag data-myAttri="myVal" />

是的,您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。

<ul>
    <li data-pageNumber="1"> 1 </li>
    <li data-pageNumber="2"> 2 </li>  
    <li data-pageNumber="3"> 3 </li>  
</ul