Cette page énumère tous les éléments HTML, regroupés ici selon leurs fonctions.

Éléments de base

Les éléments de base constituent la colonne vertébrale de tout document HTML. Ils se trouvent sur toutes les pages web après la déclaration du doctype qui définit la version de (X)HTML utilisée par la page. Les éléments décrivant le contenu d'une page web se trouvent entre la balise ouvrante <html> et la balise fermante </html>. L'élément <html> est parfois appelé l'élément « racine ». Certains documents complexes peuvent avoir des racines spéciales appelées shadow-roots.

Note : On pourra également consulter l'article introductif du guide HTML.

Attributs

La plupart des éléments peuvent, ou doivent, utiliser des informations supplémentaires afin de définir la façon dont ils fonctionnent. Ces détails sont fournis via des paires nom="valeur" qu'on appelle des attributs et qui sont inclus dans la balise ouvrante de l'élément. Chaque élément possède un ensemble d'attributs autorisés qui peuvent être utilisés (on se référera aux pages des différents éléments pour avoir le détail). En outre, il existe des attributs universels qui peuvent être employés sur tous les éléments (dans certains cas, l'attribut n'aura pas d'impact sur l'élément). Les valeurs des attributs doivent être entourées de doubles quotes. On peut également définir des attributs de données qui permettent de modéliser des données propriétaires, hors du cadre des spécifications HTML.

Syntaxe

<nomDeBalise attribut1="valeur" ... attributN="valeur">contenu de l'élément</nomDeBalise>

Racine principale

Élément Description
<html> L'élément HTML <html> représente la racine d'un document HTML ou XHTML. Tout autre élément du document doit être un descendant de cet élément.

Métadonnées du document

Les métadonnées contiennent des informations à propos del a page. On y retrouve les informations à propos des styles, des scripts et des données destinées à aider les moteurs de recherche et les navigateur. Les métadonnées relatives à la mise en forme ou aux scripts peuvent être définies à même la page ou sous la forme d'un lien vers un autre fichier.

Élément Description
<base> L'élément <base> définit l'URL de base à utiliser pour recomposer toutes les URL relatives contenues dans un document. Il ne peut y avoir qu'un seul élément <base> au sein d'un document.
<head> L'élément HTML <head> fournit des informations générales (métadonnées) sur le document, incluant son titre et des liens ou des définitions vers des scripts et feuilles de style.
<link> L'élément HTML lien (<link>) spécifie les relations entre le document courant et d'autres documents. Parmi les utilisations de cet élément, on peut citer la définition de relations pour la navigation et le lien du document avec une feuille de style.
<meta> L'élément HTML <meta> représente toute information de métadonnées qui ne peut pas être représentée par un des éléments (<base>, <link>, <script>, <style> ou <title>). Selon les attributs qui sont renseignés, la métadonnée peut être de différentes sortes :
<style> L'élément HTML <style> contient les informations de style pour un document ou une partie de ce document. Il faut mettre les informations de style à l'intérieur de cet élément, normalement en utilisant le langage CSS (voir CSS).
<title> L'élément HTML <title> définit le titre du document, tel qu'il est montré dans la barre de titre du navigateur ou sur l'onglet de la page. Il ne peut contenir que du texte et les balises contenues ne sont pas interprétées.

Sectionnement du contenu

Organiser le contenu d'une page en différentes sections permet d'avoir une structure logique au sein d'un document. Grâce à ces éléments, on peut créer un plan pour la page, ajouter des titres pour identifier les section et également gérerun en-tête et un bas de page.

Élément Description
<address> L'élément HTML <address>, pour l'adresse, devrait être utilisé par les auteurs pour fournir une information de contact pour l'élément HTML ancêtre <article> ou <body> le plus proche ; dans ce dernier cas, cela s'applique au document entier.
<article> L'élément HTML <article> représente du contenu autonome dans un document, une page, une application, ou un site. Ce contenu est prévu pour être distribué ou réutilisé indépendamment (par exemple dans un flux de syndication). Ceci peut être un message sur un forum, un article de journal ou de magazine, une parution sur un blog, un commentaire d'utilisateur, un widget ou gadget interactif, ou tout autre élément de contenu indépendant. Chaque <article> autonome, qui n'est pas imbriqué dans un autre élément <article>, devrait être identifié typiquement, en incluant un élément d'en-tête <header> qui comprendrait lui-même un élément de titre <h1> à <h6>.
<aside> L'élément HTML <aside> (N.D.T. aside signifie aparté) est une section de la page dont le contenu est indirectement lié à ce qui l'entoure et qui pourrait être séparé de cet environnement. De telles sections sont souvent représentées par des colonnes annexes ou des encadrés ; elles contiennent généralement des explications telles qu'un glossaire, ou plus rarement, des publicités, la biographie de l'auteur, ou, dans les applications web, des informations sur le profil ou des liens vers des blogs similaires.
<footer> L'élément HTML <footer> représente le pied de page de la section ou de la racine de sectionnement la plus proche (c'est à dire, son parent <article>, <aside>, <nav>, <section>, <blockquote>, <body>, <details>, <fieldset>, <figure>, <td> le plus proche). Un pied de page ou de section contient habituellement des informations sur l'auteur de la section, les données relatives au droit d'auteur (copyright) ou les liens vers d'autres documents en relation.
<h1–h6>
<header> L'élément HTML <header> représente un groupe de contenu introductif ou de contenu aidant à la navigation. Il peut contenir des éléments de titre, mais aussi d'autres éléments tels qu'un logo, un formulaire de recherche, etc.
<hgroup> L'élément HTML <hgroup> (pour Heading Group) représente le titre d'une section. Il définit un titre unique faisant partie du plan du document en tant que titre de la section (implicite ou explicite) à laquelle il appartient.
<nav> L'élément HTML <nav> représente une section d'une page ayant des liens vers d'autres pages ou des fragments de cette page. Autrement dit, c'est une section destinée à la navigation dans un document.
<section> L'élement HTML <section> (pour Section) représente une section générique d'un document, c'est à dire un groupement thématique de contenu, généralement avec un en-tête.

Contenu textuel

Le contenu HTML textuel permet d'organiser des blocs ou des sections de contenu entre la balise ouvrante <body> et la balise fermante </body>. Ces éléments sont cruciaux pour l'accessibilité et le référencement car ils permettent d'identifier le sens du contenu.

Élément Description
<dd> L'élément HTML <dd> (pour definition description) indique la définition d'un terme au sein d'une liste de définitions (élément (<dl>). Cet élément ne peut apparaître qu'en tant qu'élément appartenant à une liste de définitions et doit être précédé d'un élément <dt>.
<div> L'élément HTML <div> (qui signifie division du document) est un conteneur générique qui permet d'organiser le contenu sans représenter rien de particulier. Il peut être utilisé afin de grouper d'autres éléments pour leur appliquer un style (en utilisant les attributs class ou id) ou parce qu'ils partagent des attributs aux valeurs communes, tel que lang. Il doit uniquement être utilisé lorsqu'aucun autre élément sémantique (par exemple <article> ou <nav>) n'est approprié.
<dl> L'élément HTML <dl> forme une liste de paires associant des termes et leurs descriptions ou définitions. On utilisera par exemple cet élément pour implémenter un glossaire.
<dt> L'élément HTML <dt> identifie un terme dans une liste de définitions ou de descriptions. Cet élément n'apparaît qu'en tant qu'élément enfant d'un élément <dl> et est généralement suivi d'un élément <dd>. Cependant, on peut avoir plusieurs éléments <dt> à la suite qui indiquent que plusieurs termes seront définis par le même élément <dd> qui suivra.
<figcaption> L'élément HTML <figcaption> permet d'indiquer un sous-titre, une légende, associé à une figure ou à une illustration (cette dernière étant représentée par l'élément <figure> qui est le parent direct de la légende). <figcaption> peut donc être le premier ou le dernier élément inclus dans un bloc <figure>. L'élément <figcaption> est optionnel ; s'il n'est pas présent, la figure n'aura pas de légende.
<figure> L'élément HTML <figure> représente un contenu indépendant, habituellement accompagné d'une légende grâce à l'élément <figcaption>. Il est normalement référencé de manière unique. Bien qu'il soit en lien avec le contenu principal, sa position est indépendante du contenu principal du document. C'est souvent une image, une illustration, un diagramme, un fragment de code ou un schéma auquel il est fait référence dans le texte principal mais qui peut être utilisé sur une autre page ou dans une annexe sans que cela affecte le contenu principal.
<hr> L'élément HTML <hr> représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'un section). Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et ne représente plus un élément de une mise en forme.
<li> L'élément HTML <li> représente un élément d'une liste. Cet élément doit être contenu dans une liste ordonnée (c'est-à-dire au sein d'un élément <ol>), dans une liste non ordonnée (c'est-à-dire au sein d'un élément <ul>) ou dans un menu (<menu>). Pour les menus et les listes non-ordonnées, les éléments sont généralement affichés après une puce. Pour les listes ordonnées, un indicateur ordinal (un nombre ou une lettre) est utilisé.
<main> L’élément HTML <main> représente le contenu principal du <body> du document ou de l'application. Il ne peut pas y avoir plusieurs éléments <main> au sein d'un même document. Le contenu principal de la zone est constitué de contenu directement en relation, ou qui étend le sujet principal du document ou de la fonctionnalité principale d'une application. Ce contenu doit être unique dans le document, excluant tout contenu qui est répété sur plusieurs documents comme des barres latérales, liens de navigation, informations relative au droit d'auteur, logo du site, et champs de recherche (sauf, bien entendu, si la fonctionnalité principale du document est un champ de recherche).
<ol> L'élément HTML <ol> représente une liste ordonnée. Les éléments d'une telle liste sont généralement affichés avec un indicateur ordinal pouvant prendre la forme de nombres, de lettres, de chiffres romains ou de points. La mise en forme de la numérotation n'est pas utilisée dans la description HTML mais dans la feuille de style CSS associée grâce à la propriété list-style-type.
<p> L'élément HTML <p> représente un paragraphe de texte. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée. Les paragraphes sont des éléments blocs.
<pre> L'élément HTML <pre> représente du texte préformaté, généralement écrit avec une police à chasse fixe. Le texte est affiché tel quel, les espaces utilisés dans le document HTML seront retranscrits.
<ul> L'élément HTML <ul> représente une liste d'éléments non ordonnés. C'est une collection d'éléments qui n'ont pas d'ordre numérique et dont leur position dans la liste n'a pas d'importance. En règle générale une liste d'élements non ordonnée est affichée avec une puce qui peut prendre plusieurs formes : un simple point, un cercle ou un carré. Le style de la puce n'est pas défini dans le code HTML de la page, mais dans le code CSS associé utilisant la propriété list-style-type.

Sémantique du texte en ligne

Les éléments pour le texte en ligne peuvent être utilisés pour définir la signification, la structure ou la mise en forme d'un terme, d'une ligne ou d'un fragment de texte.

Élément Description
<a> L'élément <a> (pour ancre ou anchor en anglais) définit un hyperlien vers un autre endroit de la même page ou vers une autre page sur le Web.
<abbr> L'élément <abbr> représente une abréviation et permet, de façon optionnelle, d'en fournir une description complète. S'il est présent, l'attribut title doit contenir cette même description complète et rien d'autre.
<b> L'élément <b> (pour bold qui signifie gras en anglais) représente une partie d'un texte stylistiquement différente par rapport à du texte normal, sans lui apporter une importance particulière. Il est habituellement utilisé pour les mots-clés dans les résumés, les noms de produits dans des tests, ou tout morceau de texte réprésenté habituellement par du texte en gras. Un autre exemple de son usage, est d'indiquer la première phrase de chaque paragraphe d'un article.
<bdi> L'élément <bdi> (ou élément d'isolation de texte bi-directionnel) isole une portée (span) de texte pouvant être formatée dans une direction différente de celle du texte qui l'entoure.
<bdo> Comme pour tous les éléments, on peut appliquer les attributs universels.
<br> L'élément HTML <br> crée un saut de ligne (un retour chariot) dans le texte. Il s'avère utile lorsque les sauts de ligne ont une importance (par exemple lorsqu'on écrit une adresse ou un poème).
<cite> L'élément HTML <cite> contient le titre d'une œuvre telle qu'un livre, une chanson, un film, une sculpture… Cet élément doit inclure le titre de l'œuvre, le nom de son auteur ou une URL de référence qui peut-être abrégée en accord avec les conventions d'usages pour l'ajout des métadonnées de citations.
<code> L'élément HTML <code> représente un fragment de code machine. Par défaut, le navigateur utilise une police à chasse fixe (monospace) afin d'afficher le texte contenu dans cet élément.
<data> L'élément HTML <data> relie un contenu à une version de ce contenu interprétable par un ordinateur. Si le contenu possède une composante temporelle, l'élément <time> doit être utiisé.
<dfn> L'élément HTML <dfn> représente la définition d'un terme.
<em> L'élément HTML <em> (pour emphase) est utilisé afin de marquer un texte sur lequel on veut insister. Les éléments <em> peuvent être imbriqués, chaque degré d'imbrication indiquant un degré d'insistance plus élevé.
<i> L'élément HTML <i> représente un morceau de texte qui se différencie du texte principal. Cela peut par exemple être le cas pour des termes techniques, des phrases dans une langue étrangère ou encore l'expression des pensées d'un personnage. Le contenu de cet élément est généralement affiché en italique.
<kbd> L'élément HTML <kbd> représente la saisie d'un utilisateur et produit un élément en ligne affiché avec la police à chasse fixe du navigateur.
<mark> L'élément HTML <mark> représente un texte surligné à cause de sa pertinence dans le contexte. Il peut par exemple être utilisé afin d'indiquer les correspondances d'un mot-clé recherché au sein d'un document.
<q> L'élément HTML <q> (pour Quote) indique que le contenu textuel de l'élément est une citation courte. Cet élément est conçu pour contenir des citations courtes ne nécessitant pas différents paragraphes. L'élément <blockquote> doit être utilisée pour les citations plus longues.
<rp> L'élément HTML <rp> est utilisé pour fournir ce qui fera office de parenthèse aux navigateurs qui n'offrent pas le support des annotations Ruby. Les annotations Ruby permettent d'afficher la prononciation des caractères Est Asiatiques, notamment lors de l'usage de caractères furigana Japonais ou bopomofo Taïwanais. L'élément <rp> est utilisé en l'absence de support de l'élément <ruby>. Son contenu est ce qui devrait être affiché afin d'indiquer la présence d'une annotation Ruby, soit généralement des parenthèses.
<rt> L'élément HTML <rt> entoure la prononciation d'un caractère présenté dans les annotations ruby, ces dernières affichant la prononciation des caractères Est Asiatiques. L'élément <rt> est utilisé à l'intérieur d'un élément <ruby>.
<rtc> Cet élément peut utiliser les attributs universels.
<ruby> L'élément HTML <ruby> représente une annotation ruby. Les annotations Ruby servent à afficher la prononciation des caractères Est Asiatiques.
<s> L'élément HTML <s> (pour Strikethrough) permet d'afficher du texte barré au sens où celui-ci n'est plus d'actualité ou n'est plus pertinent. L'élément <s> ne doit pas être utilisé pour indiquer des suppressions de texte dans un document : l'élément <del> (et parfois l'élément <ins>) doit être utilisé pour traduire l'édition d'un texte.
<samp> L'élément HTML <samp> (pour Sample Text) produit un élément en bloc affiché avec la police monotype par défaut du navigateur (Lucida Console). Cet élément a été conçu pour représenter des informations produites par un programme informatique.
<small> L'élément HTML <small> représente du texte avec une police dont la taille est plus petite que celle utilisée pour le texte environnant (jusqu'à atteindre la taille de police minimale du navigateur). En HTML5, cet élément a pour but de représenter des annotations et des petits caractères comme les informations légales ou liées au copyright, indépendamment de la mise en forme utilisée.
<span> L'élément HTML <span> est un containeur générique de ligne pour les contenus phrasés, qui ne réprésente rien par lui-même. Il peut être utilisé pour grouper des éléments afin de les styler (en utilisant les attributs class ou id), ou parce qu'ils partagent certaines valeurs d'attribut, comme pour lang. Il doit être utilisé seulement lorsqu'aucun autre élément sémantique n'est approprié. <span> est très proche de l'élément <div>, mais l'élément <div> est un élément de bloc, alors que <span> est en un élément de ligne.
<strong> L'élément HTML <strong> est utilisé pour donner de l'importance à un texte, cela se traduit généralement par un affichage en gras.
<sub> L'élément HTML <sub> (pour Subscript) est utilisé, pour des raisons typographiques, pour afficher du texte en indice (plus bas et généralement plus petit) par rapport au bloc de texte environnant.
<sup> L'élément HTML <sup> (pour Superscript) représente un morceau de texte qui devrait être, pour des raisons typographiques, sur une ligne plus haute et souvent plus petit que le texte principal.
<time> L'élément HTML<time> représente soit une heure sur une horloge  fonctionnant sur 24 heures ou une date précise du calendrier grégorien (des informations facultatives sur l'heure ou le fuseau-horaire). Cet élément est conçu pour permettre l'utilisation d'informations temporelles dans un format interprétable par un ordinateur. Cela peut par exemple être utile aux différents agents installés sur le poste de l'utilisateur pour gérer un emploi du temps.
<u> L'élément HTML <u> (pour Underline) permet d'afficher un texte souligné. En HTML5, cet élément représente un fragment de texte avec une annotation non-textuelle, dont le sens n'est pas précisé mais qui est tout de même affichée. Cela pourra par exemple être le cas pour marquer un texte comme étant un nom propre chinois, ou pour marquer un texte qui a été mal orthographié.
<var> L'élément HTML <var> (pour Variable) représente une variable dans une expression mathématique ou du texte lié à la programmation. La mise en forme par défaut sera la mise en italique du contenu de cet élément.
<wbr> L'élément HTML <wbr> (pour Word Break Opportunity) représente une position dans le texte où le navigateur peut éventuellement revenir à la ligne, même si cela enfreint les règles habituelles de saut de ligne.

Images et médias

HTML prend en charge différents fichiers multimédias pour les images, les fichiers audio et vidéo.

Élément Description
<area> L'élément HTML <area> définit une zone particulière d'une image et peut lui associer un lien hypertexte. Cet élément n'est utilisé qu'au sein d'un élément <map>.
<audio> L'élément HTML <audio> est utilisé afin d'intégrer un contenu sonore dans un document. Il peut contenir une ou plusieurs sources audio représentées avec l'attribut src ou l'élément <source>. S'il y a plusieurs sources, l'agent utilisateur choisira celle qui convient le mieux.
<img> L'élément HTML <img> permet de représenter une image dans un document.
<map> L'élément HTML <map> est utilisé avec des éléments <area> afin de définir une image cliquable divisée en régions.
<track> L'élément HTML <track> est utilisé en tant qu'élément appartenant aux éléments  media qui sont <audio> et <video>. Cet élément isolé ne représente rien. Il permet de définir des données dépendant du temps et liées aux médias.
<video> L'élément HTML <video> est utilisé pour intégrer des vidéo dans un document HTML ou XHTML.

Contenu embarqué

En plus du contenu multimédia, un document HTML peut embarqué d'autres contenus (bien que les interactions soient plutôt limitées).

Élément Description
<embed> L'élément HTML <embed> représente un point d'intégration pour une application externe ou pour du contenu interactif (autrement dit, pour un plug-in).
<object> L'élément HTML <object> représente une ressource externe qui peut être interprétée comme une image, un contexte de navigation imbriqué ou une ressource à traiter comme un plugin.
<param> L'élément HTML <param> définit les paramètres qui peuvent être employés dans un élément <object>.
<source> L'élément HTML <source> est utilisé pour définir différentes ressources multi-média pour les éléments <picture><audio> et <video>. C'est un élément vide. Il est généralement utilisé pour servir le même média dans les différents formats supportés par les navigateurs.

Scripts

Afin de créer du contenu dynamique et des applications web, des langages de script peuvent être utilisés pour manipuler le document HTML. Certains éléments HTML permettent de gérer le liens entre les scripts et le document.

Élément Description
<canvas> L'élément <canvas> permet de modifier une zone graphique via un script (habituellement en JavaScript). Il peut par exemple être utilisé afin de dessiner des graphiques, manipuler des images ou jouer des animations. On peut l'employer pour l'affichage d'un jeu en ligne ou tout autre contenu interactif. Il est fortement recommandé de fournir un contenu alternatif au contenu du bloc <canvas>. Ce contenu pourra être utilisé par les navigateurs plus anciens qui ne supportent pas l'élément <canvas> et ceux pour lesquels JavaScript est désactivé.
<noscript> L'élément HTML <noscript> définit un fragment HTML qui doit être affiché si les fonctionnalités de script ne sont pas prises en charge ou si elles sont désactivées.
<script> L'élément HTML <script> est utilisé pour intégrer ou faire référence à un script exécutable au sein d'un document HTML ou XHTML.

Gestion de l'édition

Ces éléments permettent d'indiquer si des portions du texte ont été modifiées.

Élément Description
<del> L'élément HTML <del> représente une portion de texte ayant été supprimée d'un document. Cet élément est souvent (mais pas nécessairement) affiché rayé.
<ins> L'élément HTML <ins> représente un fragment de texte qui a été ajouté dans un document.

Contenu tabulaire

Les éléments listés ici permettent de créer et de gérer des données tabulaires.

Élément Description
<caption> L'élément HTML <caption> représente le titre d'un tableau. Bien qu'il figure en première place parmi les descendants de l'élément <table>, la mise en forme de la feuille de style CSS peut placer cet élément à un autre endroit par rapport au tableau.
<col> L'élément HTML <col> définit une colonne appartenant à un tableau et est utilisé afin de définir la sémantique commune à toutes ses cellules. On trouve généralement cet élément au sein d'un élément <colgroup>.
<colgroup> L'élément HTML <colgroup> définit un groupe de colonnes au sein d'un tableau.
<table> L'élément HTML <table> représente des données en deux dimensions ou plus.
<tbody> L’élément HTML <tbody> (pour Table Body) définit un ensemble de lignes représentant le corps au sein d’un tableau (<table>) les lignes du tableau <tr> doivent alors être placé entre l’élément <tbody> mais elles ne sont pas obligatoires. Avec les éléments <tfoot> et <thead>, <tbody> apporte aux périphériques (imprimantes, écrans) des informations sémantiques supplémentaires. L’élément <tbody> va représenter le contenu de l’élément parent <table>, s’il est plus grand qu’une page, il va sûrement être différent pour chaque pages imprimée. Pour les écrans, <tbody> va permettre un défilement différent des éléments <tfoot>, <thead> et <caption> du tableau (<table>) parent.
<td> L'élément HTML <td> (pour Table Cell) définit une cellule d'un tableau contenant des données. Il fait partie du modèle du tableau.
<tfoot> L'élément HTML <tfoot> (pour Table Foot) définit un ensemble de lignes résumant les colonnes d'un tableau.
<th> L'élément HTML <th> (pour Table Header Cell) définit une cellule qui est un en-tête pour un groupe de cellules du tableau. Le groupe de cellules concernées est identifiés par les attributs scope et headers.
<thead> L'élément HTML <thead> (pour Table Head) définit un ensemble de lignes définissant les lignes d'en-tête des colonnes du tableau
<tr> L'élément HTML <tr> (pour Table Row) définit une ligne de cellules au sein d'un tableau. Ces lignes peuvent mélanger des éléments <td> et des éléments <th>.

Formulaires

HTML fournit différents éléments qui permettent de créer des formulaires pouvant être remplis par les utilisateurs du site ou de l'application web.

Élément Description
<button> L'élément HTML <button> est utilisé afin de créer un contrôle interactif ayant la forme d'un bouton.
<datalist> L'élément HTML <datalist> contient un ensemble d'éléments <option> qui représentent les valeurs possibles pour d'autres contrôles.
<fieldset> L'élément HTML <fieldset> est utilisé afin de regrouper plusieurs contrôles interactifs ainsi que des étiquettes (<label>) dans un formulaire web.
<form> L'élément HTML <form> représente une section d'un document qui contient des contrôles interactifs permettant à un utilisateur d'envoyer des données à un serveur web.
<input> L'élément HTML <input> est utilisé pour créer des contrôles interactifs dans les formulaires web.
<label> L'élément HTML <label> représente une légende pour un objet d'une interface utilisateur. Il peut être associé à un contrôle en utilisant l'attribut for ou en plaçant l'élément du contrôle à l'intérieur de l'élément <label>. Un tel contrôle est appelé contrôle étiqueté par l'élément <label>.
<legend> L'élément HTML <legend> représente une légende pour le contenu de son élément parent <fieldset>.
<meter> L'élément HTML <meter> représente une valeur scalaire dans un intervalle donné ou une valeur fractionnaire.
<optgroup> L'élément HTML <optgroup>, utilisé dans un formulaire, permet de créer un groupe d'options parmi lesquelles on peut choisir dans un élément <select>.
<option> L'élément HTML <option>, utilisé dans un formulaire, permet de représenter un contrôle au sein d'un élément <select>, <optgroup> ou <datalist>.
<output> L'élément HTML <output> représente le résultat d'un calcul ou d'une action utilisateur.
<progress> L'élément HTML<progress> est utilisé pour visualiser l'avancement d'une tâche.
<select> L'élément HTML <select> (pour Select) représente un contrôle qui présente un menu avec des options.
<textarea> L'élément HTML <textarea> représente un champ de saisie à plusieurs lignes, permettant l'édition d'un texte simple.

Éléments interactifs

HTML fournit différents éléments qui permettent de créer des interfaces utilisateur interactives.

Élément Description
<details> L'élément HTML <details> est utilisé comme un outil de communication à partir duquel l'utilisateur peut récupérer des informations supplémentaires.
<dialog> L'élément HTML <dialog> représente une boite de dialogue ou un composant interactif (par exemple un inspecteur ou une fenêtre). L'élément <form> peut être intégré dans une boîte de dialogue en spécifiant l'attribut method="dialog". Lorsqu'un formulaire de ce type est envoyé, la boîte de dialogue est fermée avec un attribut returnValue mis à jour avec la valeur value du bouton d'envoi utilisé.
<menu> L'élément HTML <menu> représente un groupe de commandes que l'utilisateur peut utiliser ou activer. Il peut être utilisé afin de créer des menus (affichés en haut d'un écran par exemple) et des menus contextuels (qui apparaissent au clic-droit ou après avoir cliqué sur un bouton).
<menuitem> L'élément HTML <menuitem> représente une commande qu'un utilisateur peut utilisé via un menu contextuel ou un menu rattaché à un bouton.
<summary> L'élément HTML <summary> est utilisé comme un sommaire, une légende ou la légende du contenu d'un élément de <détails>.

Web Components

Les composants web (ou « Web Components ») permettent de créer et d'utiliser des éléments personnalisés comme s'ils étaient des éléments HTML classiques. Cela permet également de créer ses propres versions des éléments standards HTML.

Élément Description
<shadow> L'élément HTML <shadow> est utilisé comme un point d'insertion (insertion point) shadow DOM. Vous pourriez vouloir l'utiliser si vous avez créé de multiples shadow roots sous un shadow host. Il n'est pas autrement utile dans un fichier HTML ordinaire. Il est utilisé avec les Web Components.
<template> L'élément HTML <template> est un mécanisme permettant une approche de mise en forme à l’aide de modèles, mais côté client. On déclare ainsi des fragments de HTML (DOM) qui ne seront pas mis en forme lors du chargement de la page, mais qui pourront être copiés, complétés… puis insérés dans le document via JavaScript. Cet élément peut-être comparé à un élément de stockage de contenu HTML pouvant être réutilisé.

Éléments obsolètes ou dépréciés

Attention : Ces éléments sont d'anciens éléments HTML qui sont désormais dépréciés et qui ne devraient plus être utilisés. Ces éléments ne doivent pas être utilisés dans de nouveaux projets et doivent être remplacés dans les anciens projets dès que possible. Ces éléments uniquement sont listés ici à des fins d'informations.

Élément Description
<acronym> L'élément HTML <acronym>, pour les acronymes, permet aux auteurs de pages d'indiquer une suite de caractères composant un acronyme ou l'abréviation d'un mot.
<applet> L'élément HTML <applet>, pour les applets, définit l'intégration d'une applet Java.
<basefont> L'élément <basefont> définit la taille de police par défaut pour un document. La taille de la police utilisée peut ensuite varier relativement à cette taille de base grâce à l'élément <font>.
<big> L'élément <big> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de small à medium, ou de large à x-large) jusqu'à atteindre la taille maximale du navigateur.
<blink> Cet élément n'est pas pris en charge et implémente donc l'interface HTMLUnknownElement.
<center> L’élément <center> est un élément de type bloc qui contient des paragraphes et d'autres éléments de type bloc ou en ligne. Le contenu entier de cet élément est centré horizontalement au sein de son conteneur parent (généralement l'élément <body>). Cet élément a été déprécié en HTML4 (et XHTML 1) au profit de la propriété CSS text-align.
<command> L'élément HTML <command> représente une commande qui peut être lancée par l'utilisateur.
<content> L'élément HTML <content> est utilisé au sein d'un shadow DOM comme point d'insertion. Cet élément n'est pas conçu pour être utilisé dans un document HTML simple mais pour être employé dans des composants web. Il est désormais remplacé par l'élément <slot>.
<dir> L'élément HTML <dir> (pour directory) réprésente un répertoire (c'est-à-dire un ensemble de fichiers).
<element> L'élément HTML <element> était conçu pour être utilisé afin de définir des éléments DOM personnalisés, il a été retiré de la spécification.
<font> L'élément HTML <font> définit la taille du texte, sa couleur et la police utilisée.
<frame> <frame> est un élément HTML qui définit une zone particulière dans laquelle un autre document HTML est affiché. Une <frame> doit être utilisée dans un élément <frameset>.
<frameset> <frameset> est un élément HTML utilisé pour contenir les éléments <frame>.
<isindex> L'élément HTML <isindex> est un élément obsolète qui permet de placer un champ sur une page afin d'effectuer des recherches dans le document. <isindex> devait permettre de saisir une ligne de texte pour une requête, à la suite de cette saisie, le serveur renvoyait une liste de pages qui correspondait à la requête. La prise en charge de cet élément dépendait du navigateur et du serveur.
<keygen> L'élément HTML <keygen> existe afin de faciliter la génération de clés et l'envoi d'une clé publique via un formulaire HTML. Le mécanisme utilisé est conçu pour être utilisé avec les systèmes de gestion de certificats électroniques. L'élément keygen est prévu pour être utilisé dans un formulaire HTML avec d'autres informations permettant de construire une requête de certificat, le résultat du processus étant un certificat signé.
<listing> L'élément HTML <listing> affiche le texte compris entre les balises d'ouverture et de fermeture sans interpréter le HTML contenu, et en utilisant une police à chasse fixe. Le standard HTML 2 recommande de ne pas casser les lignes si elles ne sont pas plus grandes que 132 caractères.
<marquee> L'élément HTML <marquee> est utilisé pour insérer une zone de texte défilant.
<multicol> L'élément HTML <multicol> était un élement expérimental conçu afin de réaliser des agencements sur plusieurs colonnes.
Il n'a jamais eu une traction significative et n'est pas implémenté dans la plupart des navigateurs.
<nextid>
<noembed> L'élément <noembed> est une façon obsolète et non standardisée de fournir une alternative de contenu pour les navigateurs ne supportant pas l'élément <embed> ou des catégories de contenu qu'un auteur aimerait utiliser.
Cet élément a été rendu obsolète à partir de la version HTML 4.01 et a été remplacé par <object>. Le contenu alternatif doit être inséré entre la balise d'ouverture et celle de fermeture de <object>
<plaintext> L'élément HTML <plaintext> permet d'afficher du texte qui n'est pas interprété comme du HTML. Il ne possède pas de balise de fermeture, car tout ce qui suit n'est plus considéré comme du HTML.
<shadow> L'élément HTML <shadow> est utilisé comme un point d'insertion (insertion point) shadow DOM. Vous pourriez vouloir l'utiliser si vous avez créé de multiples shadow roots sous un shadow host. Il n'est pas autrement utile dans un fichier HTML ordinaire. Il est utilisé avec les Web Components.
<spacer> <spacer> est un élément HTML qui est utilisé pour insérer des espaces blancs dans les pages web. Il a été créé par Netscape pour obtenir le même effets que les mises en pages avec des images GIF d'un pixel, qui étaient alors utilisé par les designers web pour ajouter des espaces blancs. Cependant <spacer> n'est pas supporté par les navigateurs principaux et les mêmes effets peuvent être obtenus avec des règles CSS. Dans les applications Mozilla, le support de cet élément a été retiré dans Gecko 2.0. De fait, l'utilisation de <spacer> est inutile.
<strike> L'élément HTML <strike> (pour Strikethrough) affiche le texte barré, ou avec une ligne le traversant.
<tt> L'élément HTML <tt> (pour Teletype Text) crée un élément inline affiché dans la police à chasse fixe par défaut du navigateur. Cet élément a été conçu pour styler du texte comme s'il apparaissait sur un affichage à largeur fixe tel qu'un téléscripteur.
<xmp> L'élément HTML <xmp> (pour Example) affiche le texte entre les balises d'ouverture et de fermeture sans interpréter le HTML contenu et en utilisant une police à chasse fixe. La spécification HTML 2 recommande qu'il doit être affiché suffisamment large pour contenir 80 caractères par ligne.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Dernière mise à jour par : SphinxKnight,