我可以向HTML标记添加自定义属性吗?

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

<tag myAttri="myVal" />

当前回答

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

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

2020-08-20 09:36:55

其他回答

jQuery data()函数允许您将任意数据与DOM元素关联起来。举个例子。

2009-11-14 19:23:30

不，这将破坏验证。

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

<tag data-myAttri="myVal" />

2009-11-14 19:08:16

我可以想到自定义标记“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喜欢拆分代码。

2020-10-27 08:01:55

对于自定义元素，添加不带数据前缀的自定义属性似乎很常见。

下面是一个来自HTML标准的例子:自定义元素(注意国家属性):

<flag-icon country="nl"></flag-icon>

另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):

<custom-square l="100" c="red"></custom-square>

2022-02-28 19:09:19

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

2009-11-14 22:15:21

我可以向HTML标记添加自定义属性吗?

推荐文章

最新文章

标签