Elemento data en HTML

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 contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLDataElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
6222,0SoportadoNo soportadoNo 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.