Question

html5中 data-click 是什么

有看到有些页面的<a>标签里面出现 data-click属性，网上只查出来是与html5有关，具体的还是不明白是什么个东西啊。。求助

Answer 1

data-click属性是用来嵌入自定义数据的自定义属性

data-是一个前缀，后面的值可以任意

data-* 属性是 HTML5 中的新属性。

使用 data-* 属性来嵌入自定义数据

<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li> 
<li data-animal-type="spider">Tarantula</li> 
</ul>

• 定义和用法

1. data-* 属性用于存储页面或应用程序的私有自定义数据。

2. data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

3. 存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。

4. data-* 属性包括两部分：

• 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符

• 属性值可以是任意字符串

注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。

Answer 2

“data-”是html5的自定义属性前缀。

这些属性特点就是在UI是不可见的，就是说加了这些前缀的属性是表示具体的功能，用于javascript处理逻辑用的。
你可以去了解一下dataset属性。

其实你不了解这个东西也不妨碍你写代码，他的出现只是视图让逻辑更加清晰吧。你用多了就会熟悉了。

追答

问题是不是解决了？

恩