Elemento data en HTML

El elemento html data asocia el contenido del elemento con un valor fácil de leer mediante programación. El elemento <data> nunca afecta la visualización.

Si el contenido está relacionado con la hora o la fecha, entonces <time>.

En el siguiente ejemplo se muestra una lista desordenada <ul> con elementos que <li> representan elementos y un número asociado con cada elemento:

< p > Productos </ p > 
< ul > 
  < li > < data  value = "001" > Mermelada de Membrillo </ data > </ li > 
  < li > < data  value = "002" > Yogur Griego </ data > </ li > 
  < li > < data  value = "003" > Queso Azul </ data > </ li > 
</ ul >

Etiqueta html data

Clasificaciones de contenido	Elemento organizativo o elemento normal.
Contenido permitido	Contenido ordinario.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normal.
Interfaz DOMO	`HTMLDataElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
62	22,0	Soportado	No soportado	No soportado

Características

En este elemento se pueden utilizar propiedades globales.

`value`

Esta propiedad especifica qué valor de fácil lectura mediante programación es equivalente al contenido del elemento.