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

<tag myAttri="myVal" />

当前回答

不,这将破坏验证。

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

<tag data-myAttri="myVal" />

其他回答

好!你可以通过把数据属性伪装成你想要的样子来创建一堆自定义的HTML属性。

eg.

[attribute='value']{
color:red;
}
<span attribute="value" >hello world</span>

这显然是有效的,但这将使您的文档无效,没有必要使用JScript为您有自定义属性甚至元素,除非你必须,你只需要对待你的新制定(自定义)属性,就像你对待你的“数据”属性一样

记住“无效”没有任何意义。文档在任何时候都能正常加载。 一些浏览器实际上只通过DOCTYPE.....来验证文档你其实懂我的意思。

我可以想到自定义标记“init”的一个方便的用法。包含一个JavaScript表达式,它在document.onLoad()时被求值,并为标记提供一个值,例如。

<p>&lt;p&gt;The UTC date is &lt;span init="new Date().toUTCString()"&gt;?&lt;/span&gt;.&lt;p&gt;</p>

一些样例JavaScript代码会在document.onload()时扫描DOM中的所有标记,查找init属性,计算它们包含的表达式,并将它们分配给包含标记的innerHTML。这将赋予HTML一些JSP、PHP等的强大功能。目前,我们必须将HTML标记和说明它的JavaScript代码分开。bug喜欢拆分代码。

不,这将破坏验证。

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

<tag data-myAttri="myVal" />

是的,你可以,你在问题本身做到了:<html myAttri="myVal"/>。

var demo = document.getElementById("demo") console.log (demo.dataset.myvar) / /或 警报(demo.dataset.myvar) //这将在控制台显示myvar的值 <div id="demo" data-myvar="foo">anything</div>