Les tableaux suivants constituent une référence rapide pour tous les éléments HTML5.
Les éléments de document et de métadonnées
Le tableau suivant résume les éléments de document et de métadonnées.
Ces éléments sont utilisés pour créer la superstructure d'un document HTML, pour fournir au navigateur des informations sur le document et pour définir des scripts (JavaScript) et les styles CSS ainsi que le contenu qui sera affiché si les scripts sont désactivés dans le navigateur.
| Elément |
Description |
Type |
| base |
Définit l'adresse de base pour les URLs relatives d'une page |
Métadonnées |
| body |
Indique le contenu d'un document HTML |
N/D |
| DOCTYPE |
Indique le début d'un document HTML |
N/D |
| head |
Contient les métadonnées du document |
N/D |
| html |
Indique le début du contenu HTML dans un document |
N/D |
| link |
Définit une relation avec une ressource externe, généralement une feuille de style ou un favicon |
Métadonnées |
| meta |
Fournit des informations sur le document |
Métadonnées |
noscript
|
Contient le contenu qui sera affiché lorsque JavaScript est désactivé ou non disponible dans le navigateur. |
Métadonnées/Texte
|
| script |
Définit un bloc de script, soit en ligne, soit dans un fichier externe |
Métadonnées/Texte |
| style |
Définit un style CSS |
Métadonnées |
| title |
Définit le titre du document |
Métadonnées |
Les éléments HTML de texte
Les éléments de texte sont appliqués au contenu pour lui donner une structure de base et un sens.
| Elément |
Description |
Type |
| a |
Crée un hyperlien/lien hypertexte. |
Texte/Flux |
| abbr |
Indique une abréviation. |
Texte |
| b |
Met en gras une portion de texte sans emphase ou importance supplémentaire. |
Texte |
| br |
Indique un saut de ligne ou un retour à la ligne. |
Texte |
| cite |
Indique le titre d'une autre œuvre. |
Texte |
| code |
Désigne un fragment de code informatique. |
Texte |
| del |
Indique le texte qui a été supprimé du document. |
Texte/Flux |
| dfn |
Indique la définition d'un terme. |
Texte |
| em |
Indique une partie du texte avec une emphase. |
Texte |
| i |
Désigne une partie du texte qui est d'une nature différente du contenu environnant, comme un mot d'une autre langue. |
Texte |
| ins |
Indique le texte qui a été ajouté au document. |
Texte/Flux |
| kbd |
Indique une saisie de l'utilisateur. |
Texte |
| mark |
Indique le contenu qui est mis en évidence en raison de sa pertinence dans un autre contexte. |
Texte |
| q |
Indique un contenu cité d'une autre source. |
Texte |
| rp |
Indique les paramètres à utiliser avec l'élément ruby. |
Texte |
| rt |
Indique une notation à utiliser avec l'élément ruby. |
Texte |
| ruby |
Désigne une notation à placer au-dessus ou à droite des caractères dans un langage logographique. |
Texte |
| s |
Indique un texte qui n'est plus valable. |
Texte |
| samp |
Désigne la sortie d'un programme informatique. |
Texte |
| small |
Désigne les petits caractères. |
Texte |
| span |
Un élément générique qui n'a pas de signification sémantique propre. Utilisez cet élément pour appliquer des attributs globaux sans leur conférer une signification sémantique supplémentaire. |
Texte |
| strong |
Indique un texte important. |
Texte |
| sub |
Indique un texte en indice. |
Texte |
| sup |
Indique un texte en exposant. |
Texte |
| time |
Indique une heure ou une date. |
Texte |
| u |
Décale (souligne) une portion de texte sans emphase ou importance supplémentaire |
Texte |
| wbr |
Indique un endroit où un saut de ligne peut être placé en toute sécurité. |
Texte |
Les éléments HTML pour regrouper du contenu
Les éléments du tableau suivant sont utilisés pour associer des contenus connexes en groupes.
| Elément |
Description |
Type |
| blockquote |
Indique un bloc de contenu extrait d'une autre source. |
Flux |
| dd |
Indique une définition/description dans un élément dl. |
N/D |
| div |
Un élément générique qui n'a pas de signification sémantique prédéfinie. C'est l'équivalent en termes de flux de l'élément span. |
Flux |
| dl |
Désigne une liste de description qui contient une série de termes et de définitions. |
Flux |
| dt |
Indique un terme dans un élément dl. |
N/D |
| figcaption |
Indique une légende pour un élément de figure. |
N/D |
| figure |
Indique une illustration, une photo, etc. |
Flux |
| hr |
Indique une rupture thématique au niveau du paragraphe. |
Flux |
| li |
Indique un élément dans un élément HTML ul, ol ou menu. |
N/D |
| ol |
Désigne une liste ordonnée d'éléments. |
Flux |
| p |
Indique un paragraphe. |
Flux |
| pre |
Indique un contenu dont le formatage doit être préservé. |
Flux |
| ul |
Indique une liste non ordonnée d'éléments. |
Flux |
Les éléments HTML pour sectionner/séparer le contenu
Les éléments du tableau suivant sont utilisés pour décomposer le contenu de manière à isoler chaque concept, idée ou sujet.
Nombre de ces éléments fournissent une grande partie des bases permettant de séparer le sens des éléments de leur apparence.
| Elément |
Description |
Type |
| address |
Indique les informations de contact pour un document ou un article. |
Flux |
| article |
Indique un bloc de contenu indépendant. |
Flux |
| aside |
Indique un contenu qui est indirectement lié au contenu environnant. |
Flux |
| details |
Crée une section que l'utilisateur peut étendre pour obtenir des détails supplémentaires. |
Flux |
| footer |
Indique une région de pied de page. |
Flux |
| h1-h6 |
Indique un titre. |
Flux |
| header |
Indique une zone d'en-tête. |
Flux |
| hgroup |
Masque tous les titres, sauf le premier d'un ensemble de titres, dans le sommaire du document. |
Flux |
| nav |
Indique une concentration importante d'éléments de navigation. |
Flux |
| section |
Indique un concept ou des sujets importants. |
Flux |
| summary |
Indique un titre ou une description pour le contenu d'un élément details. |
N/D |
Éléments HTML pour la création de tableaux
Les éléments du tableau suivant sont utilisés pour créer des tableaux afin d'afficher des données dans une grille.
Le principal changement dans HTML5 est que vous ne pouvez plus utiliser de tableaux pour gérer la mise en page des pages.
| Elément |
Description |
Type |
| caption |
Ajoute une légende à un tableau. |
N/D |
| col |
Indique une colonne unique. |
N/D |
| colgroup |
Désigne un groupe de colonnes. |
N/D |
| table |
Désigne une table. |
Flux |
| tbody |
Désigne le contenu d'un tableau. |
N/D |
| td |
Indique une cellule individuelle du tableau. |
N/D |
| tfoot |
Indique un pied de page pour un tableau. |
N/D |
| th |
Indique une cellule d'en-tête individuelle. |
N/D |
| thead |
Indique un en-tête pour un tableau. |
N/D |
| tr |
Désigne une ligne/rangée de cellules de tableau |
N/D |
Éléménts HTML pour la création de formulaires
Les éléments du tableau suivant sont utilisés pour créer des formulaires HTML que vous pouvez utiliser pour solliciter des entrées de la part de l'utilisateur.
Ce domaine du langage HTML a fait l'objet d'une attention particulière dans le cadre de HTML5, et il comporte de nombreux éléments et fonctionnalités nouveaux, notamment la possibilité de valider les entrées sur le client avant que l'utilisateur ne puisse soumettre le formulaire.
| Elément |
Description |
Type |
| button |
Indique un bouton pour soumettr ou réinitialiser un formulaire. |
Texte |
| datalist |
Définit un ensemble de valeurs suggérées pour l'utilisateur. |
Flux |
| fieldset |
Désigne un groupe d'éléments de formulaire. |
Flux |
| form |
Indique un formulaire HTML. |
Flux |
| input |
Désigne un champ de saisie permettant de recueillir des données auprès de l'utilisateur. |
Texte |
| keygen |
Génère une paire de clés publiques/privées. |
Texte |
| label |
Indique une étiquette/légende pour un élément de formulaire. |
Texte |
| legend |
Indique une étiquette/légende descriptive pour un élément fieldset. |
N/D |
| optgroup |
Désigne un groupe d'option d'éléments connexes. |
N/D |
| option |
Indique une option à présenter à l'utilisateur. |
N/D |
| output |
Indique le résultat d'un calcul. |
Texte |
| select |
Présente à l'utilisateur un ensemble fixe d'options. |
Texte |
| textarea |
Permet à l'utilisateur de saisir plusieurs lignes de texte. |
Texte |
Éléments HTML pour l'intégration de contenu
Les éléments du tableau suivant sont utilisés pour intégrer du contenu dans un document HTML.
| Elément |
Description |
Type |
| area |
Indique une zone pour une carte d'images côté client. |
Texte |
| audio |
Indique une ressource audio. |
N/D |
| canvas |
Fournit un cadre/dessin graphique dynamique. |
Texte/Flux |
| embed |
Incorporer du contenu dans un document HTML à l'aide d'un plugin. |
Texte |
| iframe |
Intègre un document dans un autre en créant un cadre de navigation. |
Texte |
| img |
Intègre une image. |
Texte |
| map |
Indique la définition d'une carte d'images côté client. |
Texte/Flux |
| meter |
Insère une représentation d'une valeur numérique affichée dans la plage des valeurs possibles. |
Texte |
| object |
Intègre du contenu dans un document HTML et peut également être utilisé pour créer des cadres de navigation et des cartes d'images côté client. |
Texte/Flux |
| param |
Indique un paramètre qui sera transmis à un plugin par l'intermédiaire de l'élément object. |
N/D |
| progress |
Intègre une représentation de la progression vers un objectif ou l'achèvement d'une tâche. |
Texte |
| source |
Indique une ressource de type média. |
N/D |
| svg |
Désigne un contenu vectoriel structuré. |
N/D |
| track |
Indique une piste multimédia supplémentaire, telle qu'un sous-titre. |
N/D |
| video |
Indique une ressource vidéo. |
N/D |
