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

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

<tag myAttri="myVal" />

当前回答

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

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

其他回答

不，这将破坏验证。

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

<tag data-myAttri="myVal" />

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

eg.

[attribute='value']{
color:red;
}

<span attribute="value" >hello world</span>

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

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

您可以随意向元素添加自定义属性。但这会使您的文件无效。

在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

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

推荐文章