我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
好!你可以通过把数据属性伪装成你想要的样子来创建一堆自定义的HTML属性。
eg.
[attribute='value']{
color:red;
}
<span attribute="value" >hello world</span>
这显然是有效的,但这将使您的文档无效,没有必要使用JScript为您有自定义属性甚至元素,除非你必须,你只需要对待你的新制定(自定义)属性,就像你对待你的“数据”属性一样
记住“无效”没有任何意义。文档在任何时候都能正常加载。 一些浏览器实际上只通过DOCTYPE.....来验证文档你其实懂我的意思。
其他回答
jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。
是的,您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。
<ul>
<li data-pageNumber="1"> 1 </li>
<li data-pageNumber="2"> 2 </li>
<li data-pageNumber="3"> 3 </li>
</ul
我可以想到自定义标记“init”的一个方便的用法。包含一个JavaScript表达式,它在document.onLoad()时被求值,并为标记提供一个值,例如。
<p><p>The UTC date is <span init="new Date().toUTCString()">?</span>.<p></p>
一些样例JavaScript代码会在document.onload()时扫描DOM中的所有标记,查找init属性,计算它们包含的表达式,并将它们分配给包含标记的innerHTML。这将赋予HTML一些JSP、PHP等的强大功能。目前,我们必须将HTML标记和说明它的JavaScript代码分开。bug喜欢拆分代码。
您可以随意向元素添加自定义属性。但这会使您的文件无效。
在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中。