Référence des éléments HTML5

HTML5 est un ensemble de technologies permettant de créer des sites web et des applications plus variés et puissants, qui prennent en charge le multimédia, interagissent avec des interfaces logicielles, structurent des documents, etc.

Vous trouverez ici la liste complète des nouveaux éléments de HTML5.

Nouveaux éléments structurels/sémantiques

Elements	Description
<article>	Définit un contenu indépendant et autonome.
<aside>	Définit une section contenant des informations complémentaires liées au contenu environnant l'élément aside.
<bdi>	Isole le texte bidirectionnel (lorsqu'une langue à écriture de droite à gauche, comme l'arabe ou l'hébreu, est utilisée conjointement avec des langues à écriture de gauche à droite).
<details>	Contient des détails supplémentaires que l'utilisateur peut ouvrir et consulter.
<dialog>	Spécifie une boîte de dialogue ou une fenêtre.
<figcaption>	Ajoute une légende ou une explication au contenu de la balise <figure>.
<figure>	Spécifie un contenu autonome.
<footer>	Définit le pied de page d'une page web ou d'une section.
<header>	Définit l'en-tête d'une page ou d'une section.
<main>	Spécifie le contenu principal d'un document.
<mark>	Met en évidence une partie du texte ayant une pertinence.
<meter>	Définit une mesure scalaire dans une plage connue ou une représentation graphique d'un nombre fractionnaire.
<nav>	Définit un bloc de liens de navigation, soit au sein du document actuel, soit vers d'autres documents.
<progress>	Affiche la progression de la tâche (barre de progression).
<rp>	Définit un texte alternatif affiché dans les navigateurs ne prenant pas en charge la balise <ruby>.
<rt>	Ajoute des annotations en haut et en bas du texte, insérées dans la balise <ruby>.
<ruby>	Définit les furigana (aussi appelés yomigana ou ruby), des indications phonétiques dans les langues japonaises et asiatiques.
<section>	Crée des sections autonomes au sein d'une page web contenant du contenu logiquement lié.
<summary>	Définit l'en-tête visible pour l'élément <details>.
<time>	Définit une heure lisible par un humain sur une horloge 24 heures ou une date précise dans le calendrier grégorien.
<wbr>	Indique au navigateur où une rupture de ligne pourrait être ajoutée dans le texte.

Nouveaux éléments multimédias

Elements	Description
<audio>	Intègre du contenu audio dans un document HTML.
<embed>	Est utilisé comme conteneur pour des applications externes, du contenu multimédia et interactif que le navigateur ne comprend pas nativement.
<source>	Définit plusieurs ressources multimédias dans différents formats : vidéo, audio ou image.
<track>	Spécifie des pistes de texte pour les éléments multimédias.
<video>	Intègre une vidéo dans un document HTML.

Nouveaux éléments de formulaire

Elements	Description
<datalist>	Crée une liste d'options de saisie prédéfinies par la balise <input>.
<output>	Définit un emplacement pour afficher le résultat d'un calcul effectué par un script ou l'interaction de l'utilisateur avec un élément de formulaire (balise <form>).
<keygen>	Déprécié. Génère une paire de clés (publique et privée) pour chiffrer et déchiffrer les données envoyées au serveur lors de la soumission d'un formulaire HTML. Utilisez plutôt l'API Web Crypto.

Graphiques HTML5

Elements	Description
<canvas>	Définit une zone sur la page web où nous pouvons créer différents objets, images, animations et compositions photo via des scripts.
<svg>	Dessine des graphiques vectoriels évolutifs.

Pratique

Parmi les éléments suivants, lesquels sont valides en HTML5 ?

<article><section><spacer><aside><marquee>