我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
我可以像下面这样向HTML标记添加自定义属性吗?
<tag myAttri="myVal" />
当前回答
对于自定义元素,添加不带数据前缀的自定义属性似乎很常见。
下面是一个来自HTML标准的例子:自定义元素(注意国家属性):
<flag-icon country="nl"></flag-icon>
另一个来自MDN Web Docs的例子:使用自定义元素(注意l和c属性):
<custom-square l="100" c="red"></custom-square>
其他回答
您可以随意向元素添加自定义属性。但这会使您的文件无效。
在HTML 5中,您将有机会使用自定义数据属性前缀data-。
是的,您可以使用data-*属性。 data-*属性用于存储页面或应用程序私有的自定义数据。
<ul>
<li data-pageNumber="1"> 1 </li>
<li data-pageNumber="2"> 2 </li>
<li data-pageNumber="3"> 3 </li>
</ul
是的,你能做到!
有下一个HTML标签:
<tag key="value"/>
我们可以用JavaScript访问它们的属性:
element.getAttribute('key'); // Getter
element.setAttribute('key', 'value'); // Setter
Element.setAttribute()如果该属性不存在,则将其放在HTML标记中。所以,如果你要用JavaScript设置它,你不需要在HTML代码中声明它。
Key:可以是属性的任意名称,而当前标记尚未使用。 值:它总是包含你需要的字符串。
使用任何数据,我经常使用它们
<aside data-area="asidetop" data-type="responsive" class="top">
是的,你可以,你在问题本身做到了:<html myAttri="myVal"/>。