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

<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 5中，您将有机会使用自定义数据属性前缀data-。

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

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

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

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

eg.

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

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

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

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