Tag HTML <data>

Le tag <data> est un nouvel élément en HTML5. Il est utilisé pour intégrer un document HTML, tel que des valeurs monétaires, des valeurs de mesure, etc. Avec le tag <data>, l'attribut value est utilisé, avec lequel on informe le navigateur qu'il existe une machine analogique pour les données spécifiées, une version standardisée, des systèmes automatisés compréhensibles ou des scripts sur le site.

Par exemple, dans le tag <data> l'ID du produit peut être joint. L'ID du produit ne sera pas montré aux utilisateurs; La machine traite ces informations et affiche aux utilisateurs le produit avec l'ID correspondant.

Nous vous recommandons d’utiliser le tag <time>, si les données sont une date ou une heure.

Syntaxe

Le contenu du tag <data> est placé entre le tag ouvrant (<data>) et l le tag fermant (</data>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Boissons gazeuses</p>
    <ul>
      <li>
        <data value="1545325112">Coca-Cola 500ml</data>
      </li>
      <li>
        <data value="1545325113">Coca-Cola 330ml</data>
      </li>
      <li>
        <data value="1545325114">Coca-Cola Light 330ml</data>
      </li>
    </ul>
  </body>
</html>

Résultat

Attributs

Attribut Description
value Définit la version lisible par ordinateur du contenu du tag.

Le tag <data> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <data> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <data>:

Coloration du texte dans le tag HTML <data>:

Styles de mise en page du texte pour la tag HTML <data>:

Autres propriétés utiles pour le tag HTML <data>:


Support de Navigateurs

62+ 22+ 49+


Trouvez-vous cela utile?

Articles Associées