📜  HTML |数据-* 属性

📅  最后修改于: 2021-10-31 05:15:53             🧑  作者: Mango

自定义数据属性允许您将自己的信息添加到 HTML 中的标签。尽管名称另有说明,但这些并非特定于 HTML5,您可以在所有 HTML 元素上使用 data-* 属性。
data-*属性可用于定义我们自己的自定义数据属性。它用于存储页面或应用程序私有的自定义数据。
数据属性主要有两部分:

  1. 属性名称:长度必须至少为 1 个字符,不包含大写字母并以“data-”为前缀。
  2. 属性值:可以是任何字符串。

句法:

  • Gitanjali
  • 例子:

    HTML
    
    
    
        
    
     
    
        

    Books

         

    Click on the book name to know author's name :

                
              
    •             Gitanjali         
    •                   
    •             Conquest of Self         
    •                  
    •             Broken Wings         
    •     


    输出:

    当我们点击这本书时,我们可以在一个单独的对话框中看到作者的名字。

    支持的浏览器: HTML支持的浏览器 |数据-* 属性

    下面列出:

    • 谷歌浏览器
    • IE浏览器
    • 火狐
    • 苹果浏览器
    • 歌剧