Etiqueta <data> HTML

Definición y uso

<data> Las etiquetas se utilizan para agregar traducciones legibles por máquina para el contenido dado.

Este elemento proporciona tanto valores legibles por máquina para el procesador de datos como valores legibles por humanos para la presentación en el navegador.

Consejo:Si el contenido está relacionado con la hora o la fecha, utilice Elemento <time>.

Ejemplo

Este ejemplo muestra el nombre del producto, pero también asocia cada nombre con el número de identificación del producto:

<ul>
  <li><data value="10535">Cherry tomato</data></li>
  <li><data value="10536">Tomate de res</data></li>
  <li><data value="10537">Tomate snacks</data></li>
</ul>

Prueba personalmente

Atributo

Atributo Valor Descripción
value formato legible por máquina Define la traducción legible por máquina del contenido del elemento.

Atributos globales

<data> La etiqueta también admite Atributos globales en HTML.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 13.0 22.0 No soportado 49.0