El atributo `data-*` de HTML5 se utiliza para almacenar información personalizada privada en la página o en la aplicación, para el uso exclusivo de su sitio. Los datos almacenados no se muestran al usuario y puede ser utilizada por JavaScript.
Aquí te dejo un ejemplo de cómo implementarlo:
```html
…
```
En el ejemplo anterior, hemos agregado datos personalizados a un elemento `
Después, puedes acceder a estos valores en JavaScript usando la propiedad `dataset` en el elemento. Por ejemplo, aquí te muestro cómo acceder a el atributo `data-columns`:
```javascript
var article = document.querySelector(‘#electriccars’);
console.log(article.dataset.columns); // 3
```
Por último, ten en cuenta que los valores de estos atributos siempre se almacenarán como cadenas. Si necesitas almacenar otros tipos de datos, como objetos o arrays, tendrás que convertirlo primero a una cadena (por ejemplo, usando `JSON.stringify()` en JavaScript) antes de almacenarla, y luego convertirla de nuevo a su formato original cuando quieras usarla (usando `JSON.parse()` en JavaScript).
