# HTML data-* 属性
[HTML 全局属性](/tags/html_ref_standardattributes.asp)
## 实例
使用 data-* 属性来嵌入自定义数据：
```
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
```
## 浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
| --- | --- | --- | --- | --- |
所有主流浏览器都支持 data-* 属性。
## 定义和用法
data-* 属性用于存储页面或应用程序的私有自定义数据。
data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。
data-* 属性包括两部分：
* 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符
* 属性值可以是任意字符串
注释：用户代理会完全忽略前缀为 "data-" 的自定义属性。
## HTML 4.01 与 HTML5 之间的差异
data-* 属性是 HTML5 中的新属性。
## 语法
```
<_element_ data-*="_somevalue_">
```
### 属性值
| 值 | 描述 |
| --- | --- |
| _somevalue_ | 规定属性的值（以字符串）。 |
[HTML 全局属性](/tags/html_ref_standardattributes.asp)
- HTML 标签列表
- HTML <!--...--> 标签
- HTML <!DOCTYPE> 标签
- HTML <a> 标签
- HTML <abbr> 标签
- HTML <acronym> 标签
- HTML <address> 标签
- HTML <applet> 标签
- HTML <area> 标签
- HTML <article> 标签
- HTML <aside> 标签
- HTML <audio> 标签
- HTML <b> 标签
- HTML <base> 标签
- HTML <basefont> 标签
- HTML <bdi> 标签
- HTML <bdo> 标签
- HTML <big> 标签
- HTML <blockquote> 标签
- HTML <body> 标签
- HTML <br> 标签
- HTML <button> 标签
- HTML <canvas> 标签
- HTML <caption> 标签
- HTML <center> 标签
- HTML <cite> 标签
- HTML <em> <strong> <dfn> <code> <samp> <kbd><var> <cite> 标签
- HTML <col> 标签
- HTML <colgroup> 标签
- HTML <command> 标签
- HTML <datalist> 标签
- HTML <dd> 标签
- HTML <del> 标签
- HTML <details> 标签
- HTML <dialog> 标签
- HTML <dir> 标签
- HTML <div> 标签
- HTML <dl> 标签
- HTML <dt> 标签
- HTML <embed> 标签
- HTML <fieldset> 标签
- HTML <figcaption> 标签
- HTML <figure> 标签
- HTML <font> 标签
- HTML <footer> 标签
- HTML <form> 标签
- HTML <frame> 标签
- HTML <frameset> 标签
- HTML <h1> 到 <h6> 标签
- HTML <head> 标签
- HTML <header> 标签
- HTML <hr> 标签
- HTML <html> 标签
- HTML <i> 标签
- HTML <iframe> 标签
- HTML <img> 标签
- HTML <input> 标签
- HTML DOM Button 对象
- HTML DOM Checkbox 对象
- HTML DOM Color 对象
- HTML DOM Input Date 对象
- HTML DOM Datetime 对象
- HTML DOM Datetime Local 对象
- HTML DOM Email 对象
- HTML DOM FileUpload 对象
- HTML DOM Hidden 对象
- HTML DOM Input Image 对象
- HTML DOM Month 对象
- HTML DOM Number 对象
- HTML DOM Password 对象
- HTML DOM Input Range 对象
- HTML DOM Radio 对象
- HTML DOM Reset 对象
- HTML DOM Input Search 对象
- HTML DOM Submit 对象
- HTML DOM Text 对象
- HTML DOM Input Time 对象
- HTML DOM Input URL 对象
- HTML DOM Input Week 对象
- HTML <ins> 标签
- HTML <keygen> 标签
- HTML <label> 标签
- HTML <legend> 标签
- HTML <li> 标签
- HTML <link> 标签
- HTML <main> 标签
- HTML <map> 标签
- HTML <mark> 标签
- HTML <menu> 标签
- HTML <menuitem> 标签
- HTML <meta> 标签
- HTML <meter> 标签
- HTML <nav> 标签
- HTML <noframes> 标签
- HTML <noscript> 标签
- HTML <object> 标签
- HTML <ol> 标签
- HTML <optgroup> 标签
- HTML <option> 标签
- HTML <output> 标签
- HTML <p> 标签
- HTML <param> 标签
- HTML <pre> 标签
- HTML <progress> 标签
- HTML <q> 标签
- HTML <rp> 标签
- HTML <rt> 标签
- HTML <ruby> 标签
- HTML <s> 标签
- HTML <script> 标签
- HTML <section> 标签
- HTML <select> 标签
- HTML <small> 标签
- HTML <source> 标签
- HTML <span> 标签
- HTML <strike> 标签
- HTML <style> 标签
- HTML <sub> 标签
- HTML <summary> 标签
- HTML <sup> 标签
- HTML <table> 标签
- HTML <tbody> 标签
- HTML <td> 标签
- HTML <textarea> 标签
- HTML <tfoot> 标签
- HTML <th> 标签
- HTML <thead> 标签
- HTML <time> 标签
- HTML <title> 标签
- HTML <tr> 标签
- HTML <track> 标签
- HTML <tt> 标签
- HTML <u> 标签
- HTML <ul> 标签
- HTML <video> 标签
- HTML <wbr> 标签
- HTML 全局属性
- HTML accesskey 属性
- HTML class 属性
- HTML contenteditable 属性
- HTML contextmenu 属性
- HTML data-* 属性
- HTML dir 属性
- HTML draggable 属性
- HTML dropzone 属性
- HTML hidden 属性
- HTML id 属性
- HTML lang 属性
- HTML spellcheck 属性
- HTML style 属性
- HTML tabindex 属性
- HTML title 属性
- HTML translate 属性
- HTML 事件属性
- HTML 5 视频/音频参考手册
- HTML 5 Canvas 参考手册
- HTML 元素和有效的 DTD
- HTML 颜色名
- HTML 字符集
- HTML ASCII 参考手册
- HTML ISO-8859-1 参考手册
- HTML 4.01 符号实体
- HTML URL 编码
- HTML 语言代码参考手册
- HTTP 状态消息
- HTTP 方法：GET 对比 POST
- 免责声明