HTML |数据-* 属性

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

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

句法：

 Gitanjali 

例子：

HTML

    
        function showDetails(book) {
            var bookauthor = book.getAttribute("data-book-author");
            alert(book.innerHTML + " is written by "
                                    + bookauthor + ".");
        }
    

 

    Books
     
Click on the book name to know author's name :
 
     
    
        
            Gitanjali
        
         
        
            Conquest of Self
        
        
        
            Broken Wings
        
    

输出：

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

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

下面列出：

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