1. Description de la balise <data> HTML
La balise <data> en HTML est utilisée pour incorporer des données machine-lisibles ou des valeurs dans un document HTML, tout en conservant la capacité d'afficher ces données pour les utilisateurs humains. Cette balise est principalement utilisée pour marquer du contenu qui représente des données numériques ou des informations statistiques, permettant ainsi aux développeurs web de séparer clairement les données des éléments de présentation.
2. Syntaxe et exemples d'usages de la balise <data> HTML
Voici comment vous pouvez utiliser la balise <data> :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>La description détaillée du produit est la suivante : <data id="description" value="Ce produit est fabriqué à partir de matériaux durables et respectueux de l'environnement. Il est conçu pour être ergonomique et confortable à utiliser. Il convient à un large éventail d'applications et est livré avec une garantie de deux ans pour votre tranquillité d'esprit."> </data>.</p> <script> // Récupérez la valeur de l'attribut value et affichez-la dans un paragraphe distinct. const descriptionElement = document.getElementById("description"); const descriptionValue = descriptionElement.getAttribute("value"); const descriptionParagraphe = document.createElement("p"); descriptionParagraphe.textContent = descriptionValue; document.body.appendChild(descriptionParagraphe); </script> </body> </html> |
La valeur réelle est spécifiée avec l'attribut value="Ce produit est fabriqué à partir de matériaux durables et respectueux de l'environnement.
..." est affiché à l'intérieur de la balise. Cela signifie que les navigateurs web peuvent extraire et traiter la valeur numérique pour une utilisation éventuelle, tout en affichant le texte pour les utilisateurs.
Younes Derfoufi
CRMEF OUJDA
1 thought on “La balise <data> HTML”