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.

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 racine (<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 (<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éta-données ne pouvant être représentée par l'un des éléments consacrés aux méta-données (<base>, <link>, <script>, <style> ou <title>). Selon les attributs qui sont renseignés, la méta-donné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> doit être identifié, typiquement en incluant un en-tête (élément h1-h6) comme enfant de l'élément <article>.
<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 copyright ou les liens vers d'autres documents en relation.
<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.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> L'élément titre implémente six niveaux de titres dans un document, <h1> est le plus important et <h6> est le moins important. Un élément de titre décrit brièvement le sujet de la section qu'il introduit. L'information d'un titre peut être utilisée par les agents utilisateurs, par exemple, pour construire automatiquement une table des matières d'un document.
<hgroup> L'élément HTML <hgroup> (pour Headings 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> (pour navigation) représente une section d'une page ayant des liens vers d'autres pages ou des fragments de cette page. C'est une section qui permet de naviguer dans un document avec divers liens.
<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 définitions. On utilisera par exemple cet élément pour implémenter un glossaire.
<dt> L'élément HTML <dt> (pour Definition Term ou définition d'un terme) identifie un terme dans une liste de définition. Cet élément n'apparaît qu'en tant qu'élément enfant d'un élément <dl>. Il est généralement suivi d'un élément <dd>. Cependant plusieurs éléments <dt> à la suite 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). Ceci signifie que <figcaption> peut être le premier ou le dernier des éléments inclus dans un bloc <figure>. L'élément <figcaption> est optionnel ; s'il n'est pas présent l'élément parent n'aura pas de sous-titre.
<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> (List Item) est utilisé pour représenter un élément d'une liste. Il doit appartenir à une liste ordonnée (<ol>), à une liste non-ordonnée (<ul>) ou à un menu (<menu>), dans lesquels il désigne un élément unique de cette liste. Au sein des menus ou des listes non-ordonnées, les éléments d'une liste sont généralement affichés avec des puces rondes. Dans les listes ordonées, la puce d'un élément est le plus souvent un nombre ou une lettre affiché(e) à gauche (respectant l'ordre décroissant de la liste).
<main> L’élément HTML <main> représente le contenu principal du <body> du document ou de l'application. 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 de copyright, 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> (pour Ordered List) représente une liste ordonnée. Les éléments d'une telle liste sont généralement affichés avec un nombre cardinal associé 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'élement HTML <p> (pour Paragraph) représente un paragraphe de texte.
<pre> L'élément HTML <pre> (pour Preformatted Text) représente du texte pré-formaté. Le texte contenu dans cet élément est généralement affiché dans une police qui n'est pas proportionnelle, tel qu'affiché dans le fichier. Les blancs contenus dans cet élément sont affichés tels qu'ils sont contenus dans le texte original.
<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) sert à 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> (pour Keyboard Input) représente les entrées effectuées par l'utilisateur et produit un élément affiché par le navigateur avec la police monotype par défaut.
<mark> L'élément HTML <mark> représente du texte surligné, c'est-à-dire du texte marqué afin d'être utilisé en tant que source étant donné sa pertinence dans un contexte en particulier. Il peut, par exemple, être utilisé dans une page pour montrer tous les mots correspondants au résultat d'une recherche.
<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 <img> HTML (ou HTML Image Element en anglais) représente une image du document.
<map> L'élément HTML <map> est utilisé en association avec des éléments <area> afin de définir une carte d'image (image map).
<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 du contenu interactif (autrement dit un plug-in)
<object> L'élément HTML <object> (pour Embedded 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 plug-in.
<param> L'élément HTML <param> (pour Parameter) définit les paramètres d'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éfini une section de code HTML qui doit être insérée si l'un des scripts de la page n'est pas pris en charge ou encore si les scripts ont été désactivés par défaut dans le navigateur.
<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> (pour Inserted Text) représente une morceau de texte qui a été ajouté à 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 HTMLElement("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'
<fieldset> L'élément HTML <fieldset> est utilisé pour 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 de soumettre 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.
<legend> L'élément HTML <legend> (pour Legend Field) représente une légende pour le contenu de son élément parent <fieldset>.
<meter> L'élément HTML <meter> représente une mesure scalaire dans un intervalle connu, ou une proportion connue.
<optgroup> L'élément HTML <optgroup>  permet de regrouper des options d'un formulaire web au sein d'un élément <select>.
<option> L'élément HTML <option> est utilisé dans un formulaire web pour utiliser un élément de contrôle au sein d'un élément  <select>, d'un élément <optgroup> ou de l'élément HTML5 <datalist>.
<output> L'élément HTML <output> représente le résultat d'un calcul dans un formulaire web. Il permet en particulier d'afficher un tel résultat comme résultat d'un script sans soumettre le formulaire.
<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 une liste non-ordonnée de choix ou de différentes commandes.
<menuitem> L'élément HTML menuitem represente une commande que l'utilisateur peut invoquer.
<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
<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>.
<element> L'élément HTML <element> est utilisé afin de définir des éléments DOM personnalisés.
<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).
<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> <isindex> est un élément HTML utilisé pour placer un champ texte dans le document pour faire des recherches. <isindex> a été pensé par le W3C pour être utilisé dans l'élément <head>, cependant les navigateurs supportent son utilisation n'importe où dans le document.
<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.
<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 à espacement 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 fait pour permettre 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> affiiche le texte suivant la balise d'ouverture sans interpréter le HTML. Il n'a pas de balise de fermeture, car tout ce qui suit n'est plus considéré comme du HTML.
<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,