Los atributos personalizados Data- *

Añadir un Data- HTML5 en una forma de personalizar las propiedades, el llamado Data- hecho de que Data- prefijo más el nombre de una propiedad personalizada, utilizan esta estructura para el almacenamiento de datos. Data- * Uso actual situación puede resolverse sin un caos de gestión de propiedad personalizada.
Las propiedades personalizadas siempre que las dos formas siguientes:
(1) La primera forma es escribir directamente sobre etiquetas HTML:

<ul id="sidebar-menu" class="bm-menu">
            <li  class="bm-menu-item" data-id="1" data-url="./table.html">
                表单
            </li>
            <li  class="bm-menu-item" data-id="2" data-url="./404.html">
                404
            </li>
            
</ul>

De esta manera por el sistema del tiempo de señalar que, si un conjunto de propiedades personalizadas es una combinación de varias palabras, entonces, necesidad de utilizar el guión (-) enlaces, tales como:

<h2 data-birth-date="20200407">hello</h2>

(2) El segundo modo está ajustado por los js atributos de conjunto de datos:

var test = document.getElementsByTagName('li');
test.dataset.url="./404.html"

elementos HTML5 tendrán atributos de un conjunto de datos, que es un tipo de conjunto de pares de valores clave DOMStringMap.
De esta manera también se observó que, si el conjunto es una combinación de una pluralidad de palabras, entonces, necesidad de ser escrito utilizando la nomenclatura camello:

var test = document.getElementsByTagName('li');
test.dataset.birthDate="20200407"