HTML 参考手册
HTML 参考手册
  1. HTML 标签列表(字母排序)
  2. HTML 标签列表（功能排序）
  3. HTML 全局属性
  4. HTML 事件
  5. HTML 画布
  6. HTML 音频/视频
  7. HTML 有效DOCTYPES
  8. HTML 颜色名
  9. HTML 在线拾色器
  10. HTML 颜色混搭
  11. HTML 字符集
  12. HTML ASCII 参考手册
  13. HTML ISO-8859-1 参考手册
  14. HTML 符号实体参考手册
  15. HTML URL 编码参考手册
  16. HTML 语言代码参考手册
  17. HTTP 状态消息
  18. HTTP 方法：GET 对比 POST
  19. Px、Em 换算工具
  20. px，pt，em 换算表
  21. px、em、rem区别介绍
  22. 键盘快捷键
  23. HTML标签
    1. <!–…–> 注释标签
    2. <!DOCTYPE> 声明
    3. <a> 标签
    4. <abbr> 标签
    5. <acronym> 标签
    6. <address> 标签
    7. <applet> 标签
    8. <area> 标签
    9. <article> 标签
    10. <aside> 标签
    11. <audio> 标签
    12. <b> 标签
    13. <base> 标签
    14. <basefont> 标签
    15. <bdi> 标签
    16. <bdo> 标签
    17. <big> 标签
    18. <blockquote> 标签
    19. <body> 标签
    20. <br> 标签
    21. <button> 标签
    22. <canvas> 标签
    23. <caption> 标签
    24. <center> 标签
    25. <cite> 标签
    26. <code> 标签
    27. <col> 标签
    28. <colgroup> 标签
    29. <command> 标签
    30. <datalist> 标签
    31. <dd> 标签
    32. <del> 标签
    33. <details> 标签
    34. <dfn> 标签
    35. <dialog> 标签
    36. <dir> 标签
    37. <div> 标签
    38. <dl> 标签
    39. <dt> 标签
    40. <em> 标签
    41. <embed> 标签
    42. <fieldset> 标签
    43. <figcaption> 标签
    44. <figure> 标签
    45. <font> 标签
    46. <footer> 标签
    47. <form> 标签
    48. <frame> 标签
    49. <frameset> 标签
    50. <head> 标签
    51. <header> 标签
    52. <hgroup> 标签
    53. <h1> – <h6> 标签
    54. <hr> 标签
    55. <i> 标签
    56. <iframe> 标签
    57. <img> 标签
    58. <input> 标签
    59. <ins> 标签
    60. <kbd> 标签
    61. <keygen> 标签
    62. <label> 标签
    63. <legend> 标签
    64. <li> 标签
    65. <link>标签
    66. <map> 标签
    67. <mark> 标签
    68. <menu> 标签
    69. <meta> 标签
    70. <meter> 标签
    71. <nav> 标签
    72. <noframes> 标签
    73. <noscript> 标签
    74. <object> 标签
    75. <ol> 标签
    76. <optgroup> 标签
    77. <option> 标签
    78. <output> 标签
    79. <p> 标签
    80. <param> 标签
    81. <pre> 标签
    82. <html> 标签
    83. <progress> 标签
    84. <q> 标签
    85. <rp> 标签
    86. <rt> 标签
    87. <ruby> 标签
    88. <s> 标签
    89. <samp> 标签
    90. <script> 标签
    91. <section> 标签
    92. <select> 标签
    93. <small> 标签
    94. <source> 标签
    95. <span> 标签
    96. <strike> 标签
    97. <strong> 标签
    98. <style> 标签
    99. <sub> 标签
    100. <summary> 标签
    101. <sup> 标签
    102. <table> 标签
    103. <tbody> 标签
    104. <td> 标签
    105. <template> 标签
    106. <textarea> 标签
    107. <tfoot> 标签
    108. <th> 标签
    109. <thead> 标签
    110. <time> 标签
    111. <title> 标签
    112. <tr> 标签
    113. <track> 标签
    114. <tt> 标签
    115. <u> 标签
    116. <ul> 标签
    117. <var> 标签
    118. <video> 标签
    119. <wbr> 标签
  24. HTML track kind 属性
  25. HTML video autoplay 属性
  26. HTML video controls 属性
  27. HTML track label 属性
  28. HTML video height 属性
  29. HTML track src 属性
  30. HTML video loop 属性
  31. HTML track srclang 属性
  32. HTML video muted 属性
  33. HTML tr align 属性
  34. HTML video poster 属性
  35. HTML tr bgcolor 属性
  36. HTML video preload 属性
  37. HTML tr char 属性
  38. HTML video src 属性
  39. HTML tr charoff 属性
  40. HTML video width 属性
  41. HTML tr valign 属性
  42. HTML track default 属性
  43. HTML tbody valign 属性
  44. HTML script src 属性
  45. HTML tbody charoff 属性
  46. HTML script type 属性
  47. HTML tbody char 属性
  48. HTML q cite 属性
  49. HTML tbody align 属性
  50. HTML ol compact 属性
  51. HTML style media 属性
  52. HTML ol reversed 属性
  53. HTML style scoped 属性
  54. HTML ol start 属性
  55. HTML style type 属性
  56. HTML ol type 属性
  57. HTML script async 属性
  58. HTML script charset 属性
  59. HTML script defer 属性
  60. HTML embed height 属性
  61. HTML button formaction 属性
  62. HTML basefont face 属性
  63. HTML embed src 属性
  64. HTML button formenctype 属性
  65. HTML embed type 属性
  66. HTML button formmethod 属性
  67. HTML basefont size 属性
  68. HTML embed width 属性
  69. HTML button formnovalidate 属性
  70. HTML meta charset 属性
  71. HTML dir compact 属性
  72. HTML button formtarget 属性
  73. HTML meta content 属性
  74. HTML del cite 属性
  75. HTML meta http-equiv 属性
  76. HTML button name 属性
  77. HTML del datetime 属性
  78. HTML meta name 属性
  79. HTML button type 属性
  80. HTML button autofocus 属性
  81. HTML button value 属性
  82. HTML meta scheme 属性
  83. HTML button disabled 属性
  84. HTML menu label 属性
  85. HTML button form 属性
  86. HTML menu type 属性
  87. HTML basefont color 属性
  88. HTML map name 属性
  89. HTML fieldset disabled 属性
  90. HTML fieldset form 属性
  91. HTML fieldset name 属性
阅读(12k) 书签 赞(0) 我要纠错

HTML data-* 属性

2018-08-04 20:25 更新

HTML data-* 属性

HTML 全局属性 HTML 全局属性

实例

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

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

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 data-* 属性。

定义和用法

data-* 属性用于存储私有页面后应用的自定义数据。

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

  1. 属性名不要包含大写字母，在 data- 后必须至少有一个字符。
  2. 该属性可以是任何字符串

注意： 自定义属性前缀 "data-" 会被客户端忽略。

HTML 4.01 与 HTML5之间的差异

data-* 属性是 HTML5 新增的。

语法

<element data-*="somevalue">

属性值

值 描述
somevalue 指定属性值 (一个字符串)

HTML 全局属性 HTML 全局属性
以上内容是否对您有帮助：
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号