Attributs globaux
Les attributs globaux sont utilisés pour faire référence à des attributs qui sont utilisés sur n’importe quel élément HTML. Ces attributs sont communs à tous les éléments en HTML. Cependant, certains attributs n’ont aucun effet sur certains éléments. Par exemple, l’attribut spellcheck n'affectera pas le comportement ni la sémantique d'un paragraphe, de la même manière que l'attribut lang n'aura aucun effet sur un élément sans contenu.
Vous pouvez trouver tous Les attributs globaux et leurs explications ci-dessous:
Attributs | Description | Valeur | Syntaxe |
---|---|---|---|
accesskey | Est utilisé pour générer un raccourci clavier pour l'élément. La manière d'accéder au raccourci clavier varie en fonction des touches ALT, CTRL, ALT + MAJ ou CTRL + ALT selon le navigateur. | character | <element accesskey="character"> |
class | Est utilisé pour donner un ou plusieurs noms de classe pour un élément. Lorsqu'il est utilisé avec des feuilles de style, il indique au navigateur quelles classes sont supposées attribuer des propriétés à l'élément. | classname | <element class="classname"> |
contenteditable | Définir, si le contenu de l’élément est éditable ou non. Avec la valeur "true", le contenu de l’élément sera éditable, avec la valeur with the "false"(valeur initiale), le contenu ne sera pas éditable. | true false |
<element contenteditable="true|false"> |
contextmenu | Est utilisé pour créer un menu contextuel pour l'élément. Il s'affiche lorsque l'utilisateur clique avec le bouton droit sur l'élément.
N’est pas utilisé en HTML 4.01. |
menu_id | <element contextmenu="menu_id"> |
data | Permet l'échange d'informations privées entre HTML et sa représentation DOM. Il permet d'intégrer des attributs de données personnalisés à tous les éléments HTML. N’est pas utilisé en HTML 4.01. |
somevalue | <element data-*="somevalue"> |
dir | Définit la direction du texte pour le contenu d'un élément. Il est utile pour insérer un élément de contenu avec une orientation de texte différente dans le document, comme pour un texte en arabe, en hébreu ou dans une autre langue. | rtl ltr auto |
<element dir="ltr|rtl|auto"> |
draggable | Définit si un élément est déplaçable ou non. Lorsque la valeur "true" est utilisée, le navigateur autorise l'utilisateur à faire glisser cet élément. Lorsque la valeur "false" est utilisée, les fonctionnalités de déplacement ne sont pas fournies. N’est pas utilisé en HTML 4.01. |
true false auto |
<element draggable="true|false|auto"> |
dropzone | Définit les données glissées qui sont copiées, déplacées ou liées après leur dépôt. Si aucune des valeurs n'est présente, la valeur "copy" est implicite par défaut.
N’est pas utilisé en HTML 4.01. |
copy move link |
<element dropzone="copy|move|link"> |
hidden | Lorsqu'il est présent, il définit un élément n'est pas encore ou plus pertinent. Les navigateurs masqueront les éléments lorsque l'attribut masqué est spécifié. N’est pas utilisé en HTML 4.01. |
- | <element hidden> |
id | Définit un identifiant unique pour l'élément. Les identifiants doivent comporter au moins un caractère et ne doivent pas contenir d'espaces. | id | <element id="id"> |
lang | Définit la langue du contenu de l'élément. À cette fin, les attributs de langage lang ou hreflang sont généralement utilisés. Voir tous les codes des langues ici. | language_code | <element lang="language_code"> |
spellcheck | Définit si un élément peut être vérifié ou non. Lorsque la valeur "true" est définie ou la chaîne vide (""), les navigateurs soulignent généralement les mots mal orthographiés en rouge et proposent des alternatives dans un menu contextuel. Lorsque la valeur "false" est définie, les navigateurs évitent de vérifier le contenu de l'élément à la recherche d'erreurs orthographiques.
N’est pas utilisé en HTML 4.01. |
true false |
<element spellcheck="true|false"> |
style | Définit le style CSS pour un élément. Contrairement à l'attribut class, cet attribut est considéré comme le moyen "inline" d'appliquer les propriétés de style. | style_definitions | <element style="style_definitions"> |
tabindex | Définit l'ordre de tabulation d'un élément (lorsque le bouton "tab" est utilisé pour la navigation). Si la valeur est négative, l'élément sera exclu de la navigation par tabulation. | number | <element tabindex="number"> |
title | Est utilisé pour mettre des informations supplémentaires pour l'élément. Les navigateurs affichent généralement ces informations dans un texte "info-bulle" (une petite boîte de texte). | text | <element title="text"> |
translate | Définit si le contenu d'un élément doit être traduit ou non. Lorsque la valeur "yes" est définie ou la chaîne vide (""), les navigateurs traduisent régulièrement tous les textes de l'élément. Lorsque la valeur "false" est définie, les navigateurs excluent l'élément du processus de traduction.
N’est pas utilisé en HTML 4.01. |
yes no |
<element translate="yes|no"> |
Pratiquez vos connaissances
Quels sont les attributs globaux en HTML mentionnés dans le lien fourni ?
Correcte!
Incorrecte!