Attributs globaux
33 attributs documentés
Les attributs globaux sont des attributs qui peuvent être utilisés sur n'importe quel élément HTML. Ils permettent d'ajouter des fonctionnalités ou de modifier le comportement d'un élément de manière générique.
Identité & Style
-
classAssigne une ou plusieurs classes CSS à un élément, utilisées pour le style et la sélection JavaScript. -
idDéfinit un identifiant unique pour un élément dans le document. Utilisé pour les ancres, la liaison de formulaires, et la sélection CSS/JS. -
styleApplique des déclarations CSS inline directement sur un élément. Haute spécificité — à utiliser avec parcimonie pour des styles dynamiques ou d'exception. -
titleFournit un texte consultatif sur un élément, affiché en infobulle au survol de la souris. Son utilisation comme seul vecteur d'information est déconseillée pour l'accessibilité.
Langue & Texte
-
autocapitalizeContrôle la mise en majuscule automatique des saisies texte sur les appareils mobiles et claviers virtuels. -
dirDéfinit la direction du texte dans un élément : gauche-droite (ltr), droite-gauche (rtl), ou automatique (auto). -
langDéclare la langue du contenu de l'élément au format BCP 47 (ex. fr, en-US, ar). Essentiel pour l'accessibilité et la typographie correcte. -
spellcheckActive ou désactive la vérification orthographique et grammaticale du navigateur pour le contenu éditable d'un élément. -
translateIndique si le contenu textuel d'un élément doit être traduit par les outils de traduction automatique (Google Translate, DeepL, etc.). -
writingsuggestionsActive ou désactive les suggestions d'écriture assistée par l'IA du navigateur (complétion automatique, reformulation) sur les éléments éditables.
Interaction
-
accesskeyDéfinit un raccourci clavier pour activer ou mettre le focus sur un élément. La valeur est une liste de caractères séparés par des espaces. -
autofocusDonne automatiquement le focus à l'élément au chargement de la page ou à l'affichage du dialogue/popover parent. -
contenteditableRend le contenu d'un élément éditable directement dans le navigateur. Permet de créer des éditeurs de texte riches sans champ de formulaire. -
draggableIndique si l'élément peut être glissé-déposé avec l'API Drag and Drop HTML5. -
enterkeyhintPersonnalise le libellé ou l'icône de la touche Entrée sur les claviers virtuels mobiles selon l'action attendue. -
hiddenCache un élément et son contenu, le rendant inaccessible visuellement et aux technologies d'assistance. Variante until-found permet la recherche dans la page. -
inertRend un élément et tous ses descendants inactifs : ils ne reçoivent plus d'événements, sont exclus de la navigation au clavier et invisibles aux technologies d'assistance. -
inputmodeIndique au navigateur quel type de clavier virtuel afficher lors de la saisie dans un champ, sans changer la validation du type d'input. -
popoverActive l'API Popover sur un élément, le rendant affichable comme couche flottante gérée nativement par le navigateur, sans JavaScript requis pour les cas simples. -
tabindexContrôle si un élément est focalisable via le clavier et son ordre dans la séquence de navigation Tab. Valeur 0 pour focalisable, -1 pour focalisable uniquement via JS. -
virtualkeyboardpolicyContrôle le comportement du clavier virtuel sur les éléments éditables dans les appareils tactiles : déclenchement automatique ou manuel via JavaScript.
Données & Logique
-
data-*Permet de stocker des données personnalisées sur un élément HTML. Le suffixe après data- est libre et accessible via JavaScript avec dataset. -
isPermet d'instancier un élément HTML natif en tant qu'élément personnalisé étendu (Customized Built-in Element), défini via customElements.define. -
nonceFournit un jeton cryptographique à usage unique pour autoriser l'exécution d'un script ou d'une feuille de style inline dans le contexte d'une Content Security Policy (CSP). -
roleDéfinit le rôle sémantique ARIA d'un élément, permettant aux technologies d'assistance de le présenter et de l'annoncer correctement aux utilisateurs. -
aria-*Attributs de données d'accessibilité WAI-ARIA
Composants Web
-
exportpartsPermet à un Web Component d'exposer les parts de son Shadow DOM à travers plusieurs niveaux d'imbrication de composants. -
partExpose un élément du Shadow DOM d'un Web Component au CSS externe via le pseudo-élément ::part(), permettant une personnalisation contrôlée. -
slotAssigne un élément à un slot nommé dans le Shadow DOM d'un Web Component, permettant la projection de contenu dans une position spécifique du composant.
Microdonnées
-
itemidSpécifie l'identifiant global unique d'un item de microdata, sous forme d'URL. Utilisé conjointement avec itemscope et itemtype. -
itempropAssigne une propriété de microdata à un élément, associant une valeur à un nom de propriété dans le contexte d'un itemscope. -
itemrefRéférence des éléments supplémentaires (par leur id) contenant des propriétés microdata qui font partie de l'item mais ne sont pas des descendants de l'élément itemscope. -
itemscopeDélimite la portée d'un item de microdata. Les éléments descendants portant itemprop appartiennent à cet item. -
itemtypeSpécifie le vocabulaire utilisé pour définir les propriétés d'un item microdata, sous forme d'une URL absolue (ex. https://schema.org/Person).