Liste des attributs HTML

Les éléments en HTML ont des attributs. Ce sont des informations supplémentaires qui configurent les éléments ou modifient leurs comportements de multiples façons, en fonction des choix de l'auteur.

Liste des attributs

Nom de l'attribut Éléments Description
accept <form>, <input> Liste de types que le serveur accepte, en principe un type de fichier.
accept-charset <form> Liste de jeux de caractères supportés.
accesskey Attribut global Défini un raccourci clavier pour activer ou sélectionner un élément.
action <form> L'URI du programme qui traite les données envoyées par le formulaire.
align <applet>, <caption>, <col>, <colgroup><hr>, <iframe>, <img>, <table>, <tbody><td><tfoot> , <th>, <thead>, <tr> Défini l'alignement horizontal de l'élément.
alt

<applet>, <area>, <img>, <input>

Texte alternatif pour les situations où l'image ne peut être affichée.
async <script> Indique que le script doit être executé en asynchrone.
autocomplete <form>, <input> Indique si les éléments du formulaire peuvent être remplis par défaut automatiquement par le navigateur.
autofocus <button>, <input>, <keygen>, <select>, <textarea> L'élement doit être automatiquement sélectionné après le chargement de la page.
autoplay <audio>, <video> L'audio ou la vidéo doit être joué dès que possible.
bgcolor <body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr>

Couleur d'arrière-plan de l'élément

Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS background-color.

border <img>, <object>, <table>

La largeur de la bordure.

Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS border.

buffered <audio>, <video> Contient la période de temps du média déjà en mémoire tampon.
challenge <keygen> Une chaîne de caractère envoyée avec la clef publique.
charset <meta>, <script> Déclare le jeu de caractères de la page ou du script.
checked <command>, <input> Indique si l'élément doit être coché au chargement de la page.
cite <blockquote>, <del>, <ins>, <q> Contient une URI pointant vers la source de la citation ou du changement.
class Attribut global Souvent utilisé en CSS pour styler de éléments avec des propriétés communes.
code <applet> Indique l'URL du fichier '.class' de l'applet à charger et éxecuter
codebase <applet> Cet attribut donne l'URL relative ou absolue du repertoire où se trouvent les fichiers '.class' de l'applet, renseigné par l'attribut code.
color <basefont>, <font>, <hr>

Défini la couleur du texte en utilisant soit une couleur nommée ou une couleur au format hexadecimal #RRGGBB.

Note : L'utilisation de cet attribut est déconseillé. Utilisez plutôt la propriété CSS color.

cols <textarea> Défini le nombre de colonnes dans un textarea.
colspan <td>, <th> Défini le nombre de colonnes sur lesquelles une cellule doit s'étendre.
content <meta> Une valeur associée à http-equiv ou name selon le contexte.
contenteditable Attribut global Indique si le contenu de l'élément est modifiable.
contextmenu Attribut global Défini l'ID d'un élément <menu> qui servira en tant que menu contextuel de l'élément.
controls <audio>, <video> Indique si le navigateur doit afficher les contrôles de lecture à l'utilisateur.
coords <area> Un ensemble de valeur définissant les coordonnées de la zone active (répondant au clic).
data <object> Spécifie l'URL de la ressource.
data-* Attribut global Permet de définir ses propres attributs sur les éléments HTML.
datetime <del>, <ins>, <time> Indique la date et l'heure associées à l'élément.
default <track> Indique que le track doit être activé sauf si les préférences de l'utilisateur en décide autrement.
defer <script> Indique que le script doit être executé après que la page ait été parsée.
dir Attribut global Défini la direction du texte. Les valeurs autorisées sont : ltr (Left-To-Right : Gauche à Droite) ou rtl (Right-To-Left : Droite à Gauche)
dirname <input>, <textarea>  
disabled <button>, <command>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> Indique si l'utilisateur peut intéragir avec l'élément.
download <a>, <area> Indique que l'hyperlien doit être utilisé pour télécharger la ressource.
draggable Attribut global Défini si l'élément peut être "attraper-glisser".
dropzone Attribut global Indique si l'élément accepte de recevoir du contenu sur lui.
enctype <form> Défini le type d'encodage des données du formulaire quand la method est POST.
for <label>, <output> Décris l'élément qui lui est associé
form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> Indique le formulaire qui est propriétaire de l'élément.
headers <td>, <th> IDs des éléments <th> qui s'appliquent à cet élément.
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Note : Dans certains cas, tel que <div>, il s'agit d'un attribut déconseillé. Dans ce cas, la propriété CSS height doit être utilisée. Dans les autres cas, tel que <canvas>, la hauteur doit être indiquée avec cet attribut.
hidden Attribut global Indique la pertinence d'un élément.
high <meter> Indique la partie basse, de la zone maximale.
href <a>, <area>, <base>, <link> L'URL de la ressource liée.
hreflang <a>, <area>, <link> Indique la langue de la ressource liée.
http-equiv <meta>  
icon <command> Défini une image pour représenter l'action.
id Attribut global Souvent utilisé en CSS pour styler un élément spécifique. La valeur de cet attribut doit être unique.
ismap <img> Indique que l'image fait partie d'une image map serveur.
itemprop Attribut global  
keytype <keygen> Défini le type de clef générée.
kind <track> Indique le type de texte pour le track.
label <track> Indique un titre lisible par l'utilisateur pour le texte du track.
lang Attribut global Indique la langue utilisée dans l'élément.
language <script> Indique le language de script utilisé dans l'élément.
list <input> Identifie une liste d'option prédéfinies à suggérer à l'utilisateur.
loop <audio>, <bgsound>, <marquee>, <video> Défini si le media doit être rejoué depuis le départ une fois arrivé à la fin.
low <meter> Indique la partie haute, de la zone minimale.
manifest <html> Indique l'URL du cache manifest du document.
max <input>, <meter>, <progress> Défini la valeur maximum autorisée.
maxlength <input>, <textarea> Défini le nombre de caractères maximum autorisé dans l'élément.
media <a>, <area>, <link>, <source>, <style> Donne une information sur le media pour lequel la ressource liée a été conçue.
method <form> Défini quel méthode HTTP doit être utilisé quand le formulaire est envoyé. Peux être GET (défaut) ou POST.
min <input>, <meter> Défini la valeur minimum autorisée.
multiple <input>, <select> Défini si plusieurs valeurs peuvent être rentrées dans un champ de type email ou file.
name <button>, <form>, <fieldset>, <iframe>, <input>, <keygen>, <object>, <output>, <select>, <textarea>, <map>, <meta>, <param> Nom de l'élément. Utilisé par exemple par le serveur pour identifier les champs du formulaire soumis.
novalidate <form> Indique si le formulaire ne doit par être validé quand il est soumis.
open <details> Indique si les détails seront montrés au chargement de la page.
optimum <meter> Indique la valeur numérique optimale.
pattern <input> Défini une expression régulière par rapport à laquelle la valeur de l'élément devra être testée.
ping <a>, <area>  
placeholder <input>, <textarea> Indique un texte informatif à afficher pour l'utilisateur dans l'élément.
poster <video> Une URL vers une image Poster à afficher avant que l'utilisateur joue le media.
preload <audio>, <video> Indique si toute la ressource, une partie, ou rien doit être préchargé.
pubdate <time> Indique si cette date et heure est la date de publication de l'élément <article> le plus proche.
radiogroup <command>  
readonly <input>, <textarea> Indique si l'élément peut être modifié.
rel <a>, <area>, <link> Défini la relation de l'objet cible avec l'objet liant.
required <input>, <select>, <textarea> Indique si l'élément doit être obligatoirement rempli ou non.
reversed <ol> Indique si la liste doit être affichée dans un sens descendant ou ascendant.
rows <textarea> Défini le nombre de lignes dans un textarea.
rowspan <td>, <th> Défini le nombre de rangées sur lesquels doit s'étendre la cellule.
sandbox <iframe>  
spellcheck Attribut global Indique si la vérification orthographique doit être appliquée à l'élément.
scope <th>  
scoped <style>  
seamless <iframe>  
selected <option> Défini une valeur qui sera sélectionnée au chargement de la page.
shape <a>, <area>  
size <input>, <select> Défini la largeur de l'élément (en pixels). Si l'attribut type de l'élément est text ou password il s'agit alors du nombre de caractères.
sizes <link>  
span <col>, <colgroup>  
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> L'URL du contenu inclus.
srcdoc <iframe>  
srclang <track>  
start <ol> Défini le premier nombre si différent de 1.
step <input>  
style Attribut global Défini les styles CSS qui primeront sur les styles précédemment définis.
summary <table>  
tabindex Attribut global Remplace l'ordre de tabulation par défaut du navigateur et suis celui définit à la place.
target <a>, <area>, <base>, <form>  
title Attribut global Texte à afficher dans une bulle d'information au survol de l'élément.
type <button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu> Défini le type de l'élément.
usemap <img><input>, <object>  
value <button>, <option>, <input>, <li>, <meter>, <progress>, <param> Défini une valeur par défaut qui sera affichée dans l'élément au chargement de la page.
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Note : Dans certains cas, tel que <div>, il s'agit d'un attribut déconseillé. Dans ce cas, la propriété CSS width doit être utilisée. Dans les autres cas, tel que <canvas>, la largeur doit être indiquée avec cet attribut.
wrap <textarea> Indique comment la césure doit être gérée.

 

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : tregagnon, FredB
Dernière mise à jour par : tregagnon,