Elemento data

Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.

Descripción

El elemento data permite a los autores proveer una versión de su contenido específicamente diseñada para programas. Dicha codificación debe ser provista en el atributo requerido value. Este elemento puede ser útil en situaciones en las que es necesario facilitar el acceso o interacción de programas con el contenido del documento.

Para proveer versiones para programas de una fecha u hora, los autores deberían utilizar el elemento más específico time, el cual tiene la misma función pero para este tipo particular de contenido.

Ejemplos

En el ejemplo siguiente, el elemento data envuelve al nombre de un producto, a su precio y al período de garantía, con el fin de proveer versiones de éstos específicas para programas (el código de barras, el precio solo en números y la garantía en meses). Toda esta información se provee dentro del atributo value de cada elemento, de modo que el documento representado no presenta cambios.

Esto podría estar diseñado, por ejemplo, para ayudar a un programa en el procesamiento de la información de los productos en el documento.

<h2>Detalles</h2>
<p>Producto: <data value="21354860684">TV LED Full HD</data><br>
Precio: <data value="554">$554,00 (USD)</data><br>
Garantía: <data value="24">2 años</data></p>

Detalles

Producto: TV LED Full HD
Precio: $554,00 (USD)
Garantía: 2 años

Ahora, el elemento data es usado para proveer versiones para programas de los tamaños de los archivos en una tabla. Como las versiones dirigidas a personas son expresadas en distintas unidades con el fin de mejorar la legibilidad, esto podría ser particularmente útil, por ejemplo, para programas destinados a ordenar las filas de la tabla por tamaño de archivo.

<h2>Archivos de respaldo</h2>
<table class="egt">
  <tr>
    <th>Nombre</th>
    <th>Tamaño</th>
  </tr>
  <tr>
    <td>05-12-2014.bk</td>
    <td><data value="345634795">329.6 MB</data></td>
  </tr>
  <tr>
    <td>20-12-2014.bk</td>
    <td><data value="7984634795">7.4 GB</data></td>
  </tr>
  <tr>
    <td>31-12-2014.bk</td>
    <td><data value="46584634795">43.4 GB</data></td>
  </tr>
</table>

Archivos de respaldo

Nombre Tamaño
05-12-2014.bk 329.6 MB
20-12-2014.bk 7.4 GB
31-12-2014.bk 43.4 GB

Atributos

Atributos específicos

value

Una versión específica para programas de los contenidos del elemento. La presencia de este atributo es obligatoria.

Ejemplo

<p>Este año la producción ha alcanzado un pico de <data value="21.43">aproximadamente 21 toneladas</data>.</p>

Este año la producción ha alcanzado un pico de aproximadamente 21 toneladas.

Atributos globales

Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.

Eventos

Eventos globales

Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.