¿Para qué sirven los atributos data-*?
Gabriel B.
Nivel 3 ·
Veo data-id, data-estado y cosas así en el código de otros. ¿Son estándar? ¿Cuándo conviene usarlos?
Respuestas 4
Emanuel
Nivel 3 ·
0 0 Son estándar y sirven para guardar información extra en un elemento sin inventar atributos inválidos. Desde JS se leen con element.dataset (data-estado pasa a ser dataset.estado).
Patricia P.
Nivel 3 ·
0 0 También se pueden usar en CSS con selectores de atributo, como [data-estado="activo"]. Útil para estilos que dependen de un estado.
camila M.
Nivel 2 ·
2 0 Ojo: no son para datos sensibles ni para guardar mucha información. Están a la vista de cualquiera en el HTML.
Josefina
Nivel 3 ·
0 0 Y no los uses para cosas que ya tienen atributo propio: para accesibilidad existen los aria-*, y los formularios tienen sus propios atributos.