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

<tag myAttri="myVal" />

当前回答

使用任何数据,我经常使用它们

<aside data-area="asidetop" data-type="responsive" class="top">

其他回答

是的,你能做到!

有下一个HTML标签:

<tag key="value"/>

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

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

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

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

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

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

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

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

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

使用任何数据,我经常使用它们

<aside data-area="asidetop" data-type="responsive" class="top">

不,这将破坏验证。

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

<tag data-myAttri="myVal" />

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