Nouveaux éléments HTML5
Nouvels éléments dans HTML5
Vous trouverez ci‑dessous une liste des nouveaux éléments HTML5 ainsi qu’une description de leur utilisation.
Nouveaux éléments sémantiques / structurels
HTML5 introduit de nouveaux éléments pour une meilleure structure de document :
| Balise | Description |
|---|---|
| <article> | Définit un article dans un document |
| <aside> | Définit un contenu en marge du contenu principal |
| <bdi> | Isole une partie de texte pouvant être formatée dans une direction différente du texte environnant |
| <details> | Définit des détails supplémentaires que l’utilisateur peut afficher ou masquer |
| <dialog> | Définit une boîte de dialogue ou une fenêtre |
| <figcaption> | Définit une légende pour un élément <figure> |
| <figure> | Définit un contenu autonome |
| <footer> | Définit un pied de page pour un document ou une section |
| <header> | Définit un en‑tête pour un document ou une section |
| <main> | Définit le contenu principal d’un document |
| <mark> | Définit un texte marqué / surligné |
| <meter> | Définit une mesure scalaire dans une plage connue (une jauge) |
| <nav> | Définit des liens de navigation |
| <progress> | Représente l’avancement d’une tâche |
| <rp> | Définit ce qui doit être affiché dans les navigateurs ne prenant pas en charge les annotations ruby |
| <rt> | Définit une explication / prononciation de caractères (pour la typographie est‑asiatique) |
| <ruby> | Définit une annotation ruby (pour la typographie est‑asiatique) |
| <section> | Définit une section dans un document |
| <summary> | Définit un en‑tête visible pour un élément <details> |
| <time> | Définit une date / une heure |
| <wbr> | Définit un éventuel saut de ligne |
En savoir plus sur les éléments sémantiques HTML5.
Nouvels éléments de formulaire
| Balise | Description |
|---|---|
| <datalist> | Définit une liste d’options prédéfinies pour les contrôles de saisie |
| <output> | Définit le résultat d’un calcul |
En savoir plus sur les anciens et nouveaux éléments de formulaire dans HTML Form Elements.
Nouveaux types d’entrée
| Nouveaux types d’entrée | Nouveaux attributs d’entrée |
|---|---|
|
|
Découvrez tout sur les anciens et nouveaux types d’entrée dans HTML Input Types.
Découvrez tout sur les attributs d’entrée dans HTML Input Attributes.
HTML5 – Syntaxe des nouveaux attributs
HTML5 autorise quatre syntaxes différentes pour les attributs.
Cet exemple montre les différentes syntaxes utilisées dans la balise <input> :
| Type | Exemple |
|---|---|
| Vide | <input type="text" value="John" disabled> |
| Sans guillemets | <input type="text" value=John> |
| Guillemets doubles | <input type="text" value="John Doe"> |
| Guillemets simples | <input type="text" value='John Doe'> |
En HTML5, les quatre syntaxes peuvent être utilisées, selon les besoins de l’attribut.
Graphismes HTML5
| Balise | Description |
|---|---|
| <canvas> | Dessine des graphiques à la volée à l’aide de scripts (généralement JavaScript) |
| <svg> | Dessine des graphiques vectoriels évolutifs |
En savoir plus sur HTML5 Canvas.
En savoir plus sur HTML5 SVG.
Nouvels éléments multimédias
| Balise | Description |
|---|---|
| <audio> | Définit un contenu sonore |
| <embed> | Définit un conteneur pour des applications externes (non‑HTML) |
| <source> | Définit plusieurs ressources multimédias pour les éléments <video> et <audio> |
| <track> | Définit des pistes de texte pour les éléments <video> et <audio> |
| <video> | Définit une vidéo ou un film |
En savoir plus sur HTML5 Video.
En savoir plus sur HTML5 Audio.
