Attributs HTML
Utilisez les attributs HTML pour fournir des informations supplémentaires sur les éléments HTML. Apprenez la syntaxe et les exemples avec le tutoriel W3Docs.
Les attributs HTML s'utilisent à l'intérieur de la balise ouvrante. Ils fournissent des informations supplémentaires sur les éléments HTML. Un attribut apporte des métadonnées à un élément ou modifie son comportement. L'attribut possède un nom, suivi du signe égal (=) et d'une valeur placée entre guillemets ("").
Un modèle mental pratique : pensez à un élément comme à un nom et à ses attributs comme à des adjectifs qui le décrivent. Dans <a href="https://www.w3docs.com">W3Docs</a>, l'élément <a> est le lien, et l'attribut href indique au navigateur où pointe ce lien. Sans l'attribut, l'élément existerait quand même, mais il n'aurait aucune destination.
Syntaxe
Syntaxe des attributs HTML
<tag attribute="value">Your Text</tag>L'attribut se trouve toujours dans la balise ouvrante, jamais dans la balise fermante. Un élément peut porter plusieurs attributs à la fois, chacun séparé par un espace.
L'attribut href
La balise HTML <a> crée un lien dont l'adresse est définie dans l'attribut href. Dans l'exemple ci-dessous, nous avons utilisé la balise <a> avec l'attribut href. Entre les guillemets, nous avons indiqué l'adresse de la page vers laquelle on sera redirigé après avoir cliqué sur le lien.
Exemple de la balise HTML <a> avec l'attribut href :
Exemple d'attribut
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com">Click here and go to the homepage.</a>
</body>
</html>Résultat
L'attribut id
L'attribut HTML id définit un identifiant unique pour chaque élément.
Exemple de la balise HTML <div> avec l'attribut id :
Exemple de la balise div avec l'attribut "id"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#text {
font-family: sans-serif;
font-size: 20px;
line-height: 28px;
color: #777777;
}
</style>
</head>
<body>
<h2>Example of the div tag with the "id" attribute</h2>
<div id="text">Here is some text for the div tag with the "id" attribute.</div>
</body>
</html>L'attribut style
L'attribut style définit la mise en forme d'un élément, comme la couleur, la taille, la police, etc.
Exemple de la balise HTML <p> avec l'attribut style :
Exemple de la balise p avec l'attribut "style" :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example of the p tag with the style attribute</h2>
<p style="color:#666666;font-size:18px;">Here is some text for the p tag with the "style" attribute.</p>
</body>
</html>L'attribut start
L'attribut start définit la valeur de départ du premier élément dans une liste ordonnée. L'exemple ci-dessous montre deux listes côte à côte : la première n'a pas d'attribut start, elle commence donc à 1 par défaut ; la seconde utilise start="30", ses éléments sont donc numérotés 30, 31, 32.
Exemple de la balise HTML <ol> avec l'attribut start :
Exemple de la balise ol avec l'attribut "start"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Default ordered list (starts at 1):</h2>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<h2>Ordered list with start="30":</h2>
<ol start="30">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
</body>
</html>Attributs multiples
Vous pouvez ajouter plusieurs attributs à un élément HTML. Veillez à ajouter un espace entre eux.
L'ordre dans lequel les attributs sont placés n'a pas d'importance.
Exemple d'attributs HTML
<tag attribute1="value" attribute2="value">Your text</tag>Exemple de la balise HTML <img> avec les attributs src, width, height et alt :
Exemple de la balise img HTML avec plusieurs attributs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>A photo with multiple attributes:</p>
<img src="https://api.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Attributs boolean
Certains attributs sont des attributs boolean : leur simple présence signifie « vrai », et leur absence signifie « faux ». Parmi les exemples, on trouve disabled, checked, readonly, required, selected et multiple.
Pour un attribut boolean, la valeur que vous écrivez n'a pas d'importance — ce qui compte, c'est si l'attribut est présent sur l'élément ou non. Ces trois formes sont équivalentes et désactivent toutes l'input :
<input disabled>
<input disabled="">
<input disabled="disabled">Pour rendre un attribut boolean « faux », vous ne le définissez pas à false — vous le supprimez entièrement. Écrire disabled="false" désactive quand même l'input, car l'attribut est présent.
Exemple d'attributs boolean :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Enabled input: <input value="You can type here"></p>
<p>Disabled input: <input value="You cannot type here" disabled></p>
<p>Checked by default: <input type="checkbox" checked> Accept terms</p>
</body>
</html>Mise entre guillemets des valeurs d'attribut
Vous pouvez écrire les valeurs d'attribut avec des guillemets doubles, des guillemets simples, ou dans certains cas sans guillemets du tout.
<a href="page.html">Double quotes (recommended)</a>
<a href='page.html'>Single quotes</a>
<a href=page.html>Unquoted</a>Les guillemets doubles sont recommandés. Ils constituent le style le plus courant et permettent à la valeur de contenir des apostrophes comme dans title="It's a link".
Les guillemets simples sont utiles lorsque la valeur elle-même contient un guillemet double, par exemple title='He said "hello"'.
Les valeurs sans guillemets sont risquées. Une valeur sans guillemets ne peut pas contenir d'espaces, et un espace termine la valeur prématurément. Par exemple, class=btn primary est interprété comme un class valant btn plus un attribut primary séparé — et non comme deux noms de classe. Les valeurs sans guillemets ne peuvent pas non plus contenir =, des guillemets ou d'autres caractères spéciaux. Pour rester en sécurité, mettez toujours vos valeurs d'attribut entre guillemets.
Attributs de contenu et attributs IDL
En HTML, un attribut a deux faces : l'attribut de contenu (ce qui est écrit dans le balisage) et l'attribut IDL (la propriété JavaScript correspondante sur l'élément DOM, où IDL signifie Interface Definition Language).
L'attribut de contenu est la valeur littérale provenant de la source HTML. Vous le lisez et l'écrivez avec element.getAttribute() et element.setAttribute(). Pour un champ de formulaire, l'attribut de contenu représente généralement la valeur initiale.
L'attribut IDL est une propriété JavaScript telle que element.value. Il reflète l'attribut de contenu mais représente l'état actuel de l'élément, qui peut changer au fur et à mesure que l'utilisateur interagit avec la page.
La différence est la plus évidente sur un élément <input>. Étant donné <input id="name" value="Anna">, si un utilisateur saisit Maria dans le champ :
const el = document.getElementById("name");
el.getAttribute("value"); // "Anna" — the content attribute (initial value from HTML)
el.value; // "Maria" — the IDL property (current value in the DOM)Ainsi, lorsque vous avez besoin de la valeur que l'utilisateur voit réellement, lisez el.value ; lorsque vous avez besoin de la valeur initialement écrite dans le HTML, lisez el.getAttribute("value").
Certains attributs de contenu, comme readonly, disabled et required, sont des attributs boolean (voir la section ci-dessus) : leur valeur est true quand ils sont présents et false quand ils sont absents.
Les deux tableaux ci-dessous servent de référence. Le premier liste les attributs que vous utiliserez le plus souvent ; le second est le catalogue complet, avec les éléments auxquels chaque attribut appartient.
La liste des attributs HTML les plus utilisés :
| Attribut | Description | Exemple |
|---|---|---|
| alt | Définit un texte alternatif lorsque l'élément original n'est pas affiché. | alt="HTML Attributes" |
| height | Définit la hauteur de l'élément. | height="250" |
| href | Définit l'URL d'un lien. | href="https://www.w3docs.com/" |
| hreflang | Définit la langue du document lié. | hreflang="en" |
| id | Définit un identifiant unique pour un élément HTML. | id="example" |
| lang | Définit la langue du document (utilisé dans la balise <html>). | <html lang="en-US"> |
| rel | Définit la relation entre les documents cible et lié. | rel="nofollow" |
| shape | Définit la forme de l'élément. | shape="circle" |
| span | Définit le nombre de colonnes couverts par un élément <col> ou <colgroup>. | span="2" |
| src | Définit la source de l'élément. | src="https://example.com/image.jpg" |
| start | Définit la valeur de départ d'une liste ordonnée (utilisé dans la balise <ol>). | <ol start="30"> |
| style | Définit le style CSS d'un élément HTML (taille, police, couleur, etc.). | style="color:red;text-align:right" |
| target | Définit où ouvrir le lien. | target="_blank" |
| wrap | Définit si le texte doit être renvoyé à la ligne ou non. | wrap="hard" |
| width | Définit la largeur de l'élément. | width="120" |
Voir aussi la liste des attributs globaux HTML qui peuvent être utilisés avec n'importe quel élément HTML.
La liste complète des attributs HTML :
| Attribut | Appartient à | Description |
|---|---|---|
| accept | <input> | Définit les types de fichiers acceptés par le serveur (uniquement pour type="file"). |
| accept-charset | <form> | Définit les encodages de caractères utilisés pour la soumission du formulaire. |
| accesskey | Attributs globaux | Définit un raccourci clavier qui activera un élément. |
| action | <form> | Définit l'endroit où les données du formulaire doivent être envoyées lors de sa soumission. |
| align | HTML5 ne prend pas en charge cet attribut. | Définit l'alignement par rapport aux éléments voisins. CSS peut être utilisé à la place de cet attribut. |
| alt | <area>, <img>, <input> | Définit un texte alternatif si l'élément original ne s'affiche pas. |
| async | <script> | Définit que le script est exécuté de manière asynchrone. Utilisé uniquement pour les scripts externes. |
| autocomplete | <form>, <input> | Définit si la saisie automatique des éléments <form> ou <input> doit être activée. |
| autofocus | <button>, <input>, <select>, <textarea> | Définit que l'élément doit automatiquement recevoir le focus au chargement de la page. |
| autoplay | <audio>, <video> | Définit que l'audio ou la vidéo commencera à jouer dès qu'il sera prêt. |
| bgcolor | HTML5 ne prend pas en charge cet attribut. | Définit la couleur de fond d'un élément. CSS peut être utilisé à la place de cet attribut. |
| border | HTML5 ne prend pas en charge cet attribut. | Définit la largeur de la bordure d'un élément. CSS peut être utilisé à la place de cet attribut. |
| charset | <meta>, <script> | Définit l'encodage des caractères. |
| checked | <input> | Définit qu'un élément <input> doit être pré-sélectionné au chargement de la page (pour type="checkbox" ou type="radio"). |
| cite | <blockquote>, <del>, <ins>, <q> | Définit une URL expliquant la citation, le texte supprimé ou inséré. |
| class | Attributs globaux | Définit un ou plusieurs noms de classe pour un élément. |
| color | HTML5 ne prend pas en charge cet attribut. | Définit la couleur du texte d'un élément. CSS peut être utilisé à la place de cet attribut. |
| cols | <textarea> | Définit la largeur visible d'une zone de texte. |
| colspan | <td>, <th> | Définit le nombre de colonnes que doit couvrir une cellule du tableau. |
| content | <meta> | Donne la valeur associée à l'attribut http-equiv ou name. |
| contenteditable | Attributs globaux | Définit si le contenu d'un élément peut être modifié ou non. |
| controls | <audio>, <video> | Définit que les contrôles audio ou vidéo doivent être affichés (par exemple un bouton lecture ou pause, etc.). |
| coords | <area> | Définit les coordonnées de la zone. |
| data | <object> | Définit l'URL de la ressource qui sera utilisée par l'objet. |
| data-* | Attributs globaux | Stocke des données personnalisées privées à la page ou à l'application. |
| datetime | <del>, <ins>, <time> | Définit la date et l'heure. |
| default | <track> | Définit que la piste sera activée si les préférences de l'utilisateur n'indiquent pas qu'une autre piste serait plus appropriée. |
| defer | <script> | Définit que le script est exécuté lorsque la page a fini d'être analysée. Cet attribut est utilisé uniquement pour les scripts externes. |
| dir | Attributs globaux | Définit la direction du texte pour le contenu d'un élément. |
| dirname | <textarea>, <input> | Définit que la direction du texte sera soumise. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Définit que l'élément ou le groupe d'éléments spécifié doit être désactivé. |
| download | <a>, <area> | Définit que la cible sera téléchargée lorsqu'un utilisateur clique sur le lien hypertexte. |
| draggable | Attributs globaux | Définit si un élément est déplaçable ou non. |
| dropzone | Attributs globaux | Définit si les données déposées sont copiées, déplacées ou liées lors du dépôt. |
| enctype | <form> | Définit comment les données du formulaire doivent être encodées lors de leur envoi au serveur. Cet attribut est utilisé uniquement pour method="post". |
| for | <label>, <output> | Spécifie le ou les éléments de formulaire auxquels une étiquette ou un calcul est lié. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Définit le nom du formulaire auquel l'élément appartient. |
| formaction | <button>, <input> | Définit où envoyer les données du formulaire lors de sa soumission. Cet attribut est utilisé uniquement pour type="submit". |
| headers | <th>, <th> | Définit une ou plusieurs cellules d'en-tête auxquelles une cellule est associée. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Définit la hauteur de l'élément. |
| hidden | Attributs globaux | Définit qu'un élément n'est pas pertinent. |
| high | <meter> | Définit la borne supérieure de la plage représentée par l'élément <meter>. |
| href | <a>, <area>, <base>, <link> | Définit l'URL de la page vers laquelle pointe le lien. |
| hreflang | <a>, <area>, <link> | Définit la langue du document lié. |
| http-equiv | <meta> | Donne à l'attribut content un en-tête HTTP pour l'information ou la valeur. |
| id | Attributs globaux | Définit un identifiant unique pour un élément. |
| ismap | <img> | Définit une image comme une carte image côté serveur. |
| kind | <track> | Définit le type de piste de texte. |
| label | <track>, <option>, <optgroup> | Définit le titre de la piste de texte. |
| lang | Attributs globaux | Définit la langue du contenu d'un élément. |
| list | <input> | Référence un élément <datalist> contenant des options prédéfinies pour un élément <input>. |
| loop | <audio>, <video> | Définit que l'audio ou la vidéo recommencera à chaque fin de lecture. |
| low | <meter> | Définit la plage considérée comme une valeur basse. |
| max | <input>, <meter>, <progress> | Définit la valeur maximale. |
| maxlength | <input>, <textarea> | Définit le nombre maximum de caractères qu'un élément peut contenir. |
| media | <a>, <area>, <link>, <source>, <style> | Définit pour quel média ou appareil le document lié est optimisé. |
| method | <form> | Définit la méthode HTTP à utiliser lors de l'envoi des données du formulaire. |
| min | <input>, <meter> | Définit une valeur minimale. |
| multiple | <input>, <select> | Définit que l'utilisateur peut saisir plus d'une valeur. |
| muted | <audio>, <video> | Définit que la sortie audio de la vidéo doit être mise en sourdine. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Définit le nom de l'élément. |
| novalidate | <form> | Définit que le formulaire ne doit pas être validé lors de sa soumission. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Script qui s'exécute lors d'une interruption. |
| onafterprint | <body> | Script qui s'exécute après l'impression du document. |
| onbeforeunload | <body> | Script qui s'exécute lorsque le document est sur le point d'être déchargé. |
| onblur | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément perd le focus. |
| oncanplay | <audio>, <embed>, <object>, <video> | Script qui s'exécute lorsqu'un fichier est prêt à commencer la lecture. |
| oncanplaythrough | <audio>, <video> | Script qui s'exécute lorsqu'un fichier peut être lu jusqu'à la fin sans mise en mémoire tampon. |
| onchange | Tous les éléments visibles. | Script qui s'exécute lorsque la valeur de l'élément est modifiée. |
| onclick | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément est cliqué. |
| oncontextmenu | Tous les éléments visibles. | Script qui s'exécute lorsqu'un menu contextuel est déclenché. |
| oncopy | Tous les éléments visibles. | Script qui s'exécute lorsque le contenu de l'élément est copié. |
| oncuechange | <track> | Script qui s'exécute lorsque le sous-titre dans un élément <track> change. |
| oncut | Tous les éléments visibles. | Script qui s'exécute lorsque le contenu de l'élément est coupé. |
| ondblclick | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément est double-cliqué. |
| ondrag | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément est déplacé par glisser. |
| ondragend | Tous les éléments visibles. | Script qui s'exécute à la fin d'une opération de glisser. |
| ondragenter | Tous les éléments visibles. | Script qui s'exécute lorsqu'un élément a été déplacé vers une cible de dépôt valide. |
| ondragleave | Tous les éléments visibles. | Script qui s'exécute lorsqu'un élément quitte une cible de dépôt valide. |
| ondragover | Tous les éléments visibles. | Script qui s'exécute lorsqu'un élément est déplacé au-dessus d'une cible de dépôt valide. |
| ondragstart | Tous les éléments visibles. | Script qui s'exécute au début d'une opération de glisser. |
| ondrop | Tous les éléments visibles. | Script qui s'exécute au début d'une opération de glisser. |
| ondurationchange | <audio>, <video> | Script qui s'exécute lorsque la durée du média change. |
| onemptied | <audio>, <video> | Script qui s'exécute lorsque quelque chose d'inattendu se produit et que le fichier devient indisponible. |
| onended | <audio>, <video> | Script qui s'exécute lorsque le média atteint sa fin. |
| onerror | <audio>, <video>, <embed>, <object>, <script>, <style>, <body> | Script qui s'exécute en cas d'erreur. |
| onfocus | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément reçoit le focus. |
| onhashchange | <body> | Script qui s'exécute lorsque l'ancre change. |
| oninput | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément reçoit une entrée utilisateur. |
| oninvalid | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément est invalide. |
| onkeydown | Tous les éléments visibles. | Script qui s'exécute lorsqu'un utilisateur appuie sur une touche. |
| onkeypress | Tous les éléments visibles. | Script qui s'exécute lorsqu'un utilisateur presse une touche. |
| onkeyup | Tous les éléments visibles. | Script qui s'exécute lorsqu'un utilisateur relâche une touche. |
| onload | <body>, <iframe>, <input>, <img>, <script>, <style>, <link> | Script qui s'exécute lorsque le chargement est terminé. |
| onloadeddata | <audio>, <video> | Script qui s'exécute lorsque les données multimédia sont chargées. |
| onloadedmetadata | <audio>, <video> | Script qui s'exécute lorsque les métadonnées sont chargées. |
| onloadstart | <audio>, <video> | Script qui s'exécute lorsque le fichier commence à se charger, avant que quoi que ce soit ne soit réellement chargé. |
| onmousedown | Tous les éléments visibles. | Script qui s'exécute lorsqu'un bouton de la souris est enfoncé sur un élément. |
| onmousemove | Tous les éléments visibles. | Script qui s'exécute tant que le pointeur de la souris se déplace sur un élément. |
| onmouseout | Tous les éléments visibles. | Script qui s'exécute lorsque le pointeur de la souris quitte un élément. |
| onmouseup | Tous les éléments visibles. | Script qui s'exécute lorsqu'un bouton de la souris est relâché sur un élément. |
| onmouseover | Tous les éléments visibles. | Script qui s'exécute lorsque le pointeur de la souris passe sur un élément. |
| onmousewheel | Tous les éléments visibles. | Script qui s'exécute lorsque la molette de la souris défile sur un élément. |
| onoffline | <body> | Script qui s'exécute lorsque le navigateur commence à travailler hors ligne. |
| ononline | <body> | Script qui s'exécute lorsque le navigateur commence à travailler en ligne. |
| onpagehide | <body> | Script qui s'exécute lorsqu'un utilisateur quitte une page. |
| onpageshow | <body> | Script qui s'exécute lorsqu'un utilisateur accède à une page. |
| onpaste | Tous les éléments visibles. | Script qui s'exécute lorsqu'un contenu est collé dans un élément. |
| onpause | <audio>, <video> | Script qui s'exécute lorsque le média est mis en pause. |
| onplay | <audio>, <video> | Script qui s'exécute lorsque le média commence à jouer. |
| onplaying | <audio>, <video> | Script qui s'exécute lorsque le média est en lecture. |
| onpopstate | <body> | Script qui s'exécute lorsque l'historique des fenêtres change. |
| onprogress | <audio>, <video> | Script qui s'exécute lorsque le navigateur est en train de récupérer les données multimédias. |
| onratechange | <audio>, <video> | Script qui s'exécute lorsque la vitesse de lecture change. |
| onreset | <form> | Script qui s'exécute lorsqu'un bouton de réinitialisation d'un formulaire est cliqué. |
| onresize | <body> | Script qui s'exécute lorsque la fenêtre du navigateur est redimensionnée. |
| onscroll | Tous les éléments visibles. | Script qui s'exécute lorsque la barre de défilement d'un élément est utilisée. |
| onsearch | <input> | Script qui s'exécute lorsque l'utilisateur saisit quelque chose dans un champ de recherche. |
| onseeked | <audio>, <video> | Script qui s'exécute lorsque l'attribut seeking est défini à false, indiquant que la recherche est terminée. |
| onseeking | <audio>, <video> | Script qui s'exécute lorsque l'attribut seeking est défini à true, indiquant que la recherche est active. |
| onselect | Tous les éléments visibles. | Script qui s'exécute lorsque l'élément est sélectionné. |
| onstalled | <audio>, <video> | Script qui s'exécute lorsque le navigateur ne peut pas récupérer les données multimédias pour certaines raisons. |
| onstorage | <body> | Script qui s'exécute lorsqu'une zone Web Storage est mise à jour. |
| onsubmit | <form> | Script qui s'exécute lors de la soumission d'un formulaire. |
| onsuspend | <audio>, <video> | Script qui s'exécute lorsque la récupération des données multimédias est arrêtée avant leur chargement complet. |
| ontimeupdate | <audio>, <video> | Script qui s'exécute lorsque la position de lecture a changé. |
| ontoggle | <details> | Script qui s'exécute lorsque l'élément <details> est ouvert ou fermé. |
| onunload | <body> | Script qui s'exécute lorsqu'une page a été déchargée. |
| onvolumechange | <audio>, <video> | Script qui s'exécute chaque fois que le volume d'une vidéo ou d'un audio est modifié. |
| onwaiting | <audio>, <video> | Script qui s'exécute lorsque le média est en pause mais est censé continuer. |
| onwheel | Tous les éléments visibles. | Script qui s'exécute lorsque la molette de la souris monte ou descend sur un élément. |
| open | <details> | Définit que les détails doivent être visibles. |
| optimum | <meter> | Définit quelle valeur est la valeur optimale pour la jauge. |
| pattern | <input> | Définit une expression régulière à laquelle la valeur d'un élément <input> est comparée. |
| placeholder | <input>, <textarea> | Définit un court indice décrivant la valeur attendue de l'élément. |
| poster | <video> | Définit une image qui sera affichée pendant le téléchargement de la vidéo ou jusqu'à ce que l'utilisateur appuie sur le bouton lecture. |
| preload | <audio>, <video> | Définit si et comment l'audio ou la vidéo doit être chargé au chargement de la page. |
| readonly | <input>, <textarea> | Définit que l'élément est en lecture seule. |
| rel | <a>, <area>, <link> | Définit la relation entre le document actuel et le document lié. |
| required | <input>, <textarea>, <select> | Définit que l'élément doit être rempli avant la soumission du formulaire. |
| reversed | <ol> | Définit que l'ordre de la liste doit être décroissant. Par exemple 5,4,3... |
| rows | <textarea> | Définit le nombre de lignes visibles dans une zone de texte. |
| rowspan | <td>, <th> | Définit le nombre de lignes que doit couvrir une cellule du tableau. |
| sandbox | <iframe> | Active un ensemble de restrictions supplémentaires pour le contenu dans un élément <iframe>. |
| scope | <th> | Définit si une cellule d'en-tête est un en-tête pour une colonne, une ligne ou un groupe de colonnes ou de lignes. |
| selected | <option> | Définit qu'une option doit être pré-sélectionnée au chargement de la page. |
| shape | <area> | Définit la forme de la zone. |
| size | <input>, <select>, <embed>, <iframe> | Définit la largeur en caractères (pour <input>) ou le nombre d'options visibles (pour <select>). |
| sizes | <link>, <img>, <source> | Définit la taille de la ressource liée. |
| span | <col>, <colgroup> | Définit le nombre de colonnes à couvrir. |
| spellcheck | Attributs globaux | Définit si la grammaire et l'orthographe de l'élément doivent être vérifiées ou non. |
| src | <img>, <source>, <audio>, <video>, <script>, <track>, <embed>, <iframe> | Définit l'URL du fichier multimédia. |
| srcdoc | <iframe> | Définit le contenu HTML de la page qui doit être affiché dans l'élément <iframe>. |
| srclang | <track> | Définit la langue des données de texte de la piste. |
| srcset | <img>, <source> | Définit l'URL de l'image pouvant être utilisée dans différentes situations. |
| start | <ol> | Définit la valeur de départ d'une liste ordonnée. |
| step | <input> | Définit les intervalles numériques légaux pour un champ de saisie. |
| style | Attributs globaux | Définit un style CSS en ligne pour un élément. |
| tabindex | Attributs globaux | Définit l'ordre de tabulation d'un élément. |
| target | <a>, <area>, <base>, <form> | Définit la cible où le document lié doit être ouvert ou où le formulaire doit être soumis. |
| title | Attributs globaux | Définit des informations supplémentaires sur un élément. |
| translate | Attributs globaux | Définit si le contenu textuel de l'élément doit être traduit par le navigateur ou les outils de traduction. |
| type | <embed>, <input>, <object>, <a>, <button>, <link>, <menu>, <object>, <script>, <source>, <style> | Définit le type de l'élément. |
| usemap | <object>, <img> | Définit une image comme une carte image côté client. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Définit la valeur de l'élément. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Définit la largeur de l'élément. |
| wrap | <textarea> | Définit comment le texte d'une zone de texte doit être renvoyé à la ligne lors de sa soumission dans un formulaire. |
Voir aussi la liste des attributs globaux HTML qui peuvent être utilisés avec n'importe quel élément HTML.