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

<tag myAttri="myVal" />

当前回答

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

其他回答

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

eg.

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

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

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

不,这将破坏验证。

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

<tag data-myAttri="myVal" />

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

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

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

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

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

你可以像这样从JavaScript中提取你想要的值,而不是一个属性:

<a href='#' class='click'>
    <span style='display:none;'>value for JavaScript</span>some text
</a>

是的,你能做到!

有下一个HTML标签:

<tag key="value"/>

我们可以用JavaScript访问它们的属性:

element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter

Element.setAttribute()如果该属性不存在,则将其放在HTML标记中。所以,如果你要用JavaScript设置它,你不需要在HTML代码中声明它。

Key:可以是属性的任意名称,而当前标记尚未使用。 值:它总是包含你需要的字符串。