我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
在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>
其他回答
是的,您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。
<ul>
<li data-pageNumber="1"> 1 </li>
<li data-pageNumber="2"> 2 </li>
<li data-pageNumber="3"> 3 </li>
</ul
你可以添加,但你也必须写一行JavaScript代码,
document.createElement('tag');
确保一切都到位。我指的是ie浏览器:)
你可以修改你的!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中。
我可以想到自定义标记“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喜欢拆分代码。
使用任何数据,我经常使用它们
<aside data-area="asidetop" data-type="responsive" class="top">