Attributs universels - HTML | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
View in English Always switch to English
Les attributs universels sont des attributs communs à l'ensemble des éléments HTML. Ces attributs peuvent donc être ajoutés sur tous les éléments (dans certains cas, les attributs n'ont aucun effet).
Les attributs universels peuvent être définis sur tous les éléments HTML, y compris pour les éléments non définis dans le standard. Autrement dit, les éléments non-standards doivent pouvoir accepter ces attributs. Cela permet au navigateur de les gérer selon certains des aspects de la spécification. Par exemple, pour un navigateur conforme, un élément <toto hidden>...</toto> est masqué bien que <toto> ne soit pas un élément HTML valide.
En plus des attributs universels HTML, il existe également les attributs universels suivants :
Fournit une indication pour générer un raccourci clavier pour l'élément courant. Cet attribut se compose d'une liste de caractères séparés par des espaces. Le navigateur doit utiliser le premier caractère qui existe selon la disposition du clavier utilisée.
Associe un élément positionné à un élément d'ancre. La valeur de l'attribut correspond à un id de l'élément auquel vous souhaitez ancrer l'élément positionné. L'élément peut alors être positionné en utilisant le positionnement d'ancre CSS.
Contrôle si le texte saisi est automatiquement mis en majuscule et, si oui, de quelle manière.
Contrôle si le texte saisi est automatiquement corrigé pour les fautes d'orthographe. Cela peut être appliqué aux éléments ayant du texte éditable sauf pour les éléments HTML <input> avec l'attribut : type="password", type="email" ou type="url".
Indique qu'un élément est sélectionné au chargement de la page, ou dès que l'élément HTML <dialog> auquel il appartient est affiché. Cet attribut est un booléen, initialement à false.
Une liste de classes séparées par des espaces pour l'élément. Les classes permettent au CSS et à JavaScript de sélectionner et d'accéder à des éléments spécifiques avec les sélecteurs de classe ou des fonctions comme la méthode Document.getElementsByClassName().
Un attribut énuméré qui indique si l'élément est éditable par l'utilisateur·ice. Si c'est le cas, le navigateur modifie son interface pour permettre l'édition. L'attribut doit prendre l'une des valeurs suivantes :
Forme une classe d'attributs, appelés attributs de données personnalisés, qui permettent d'échanger des informations propriétaires entre le HTML et sa représentation DOM pouvant être utilisée par des scripts. Toutes ces données personnalisées sont accessibles avec l'interface HTMLElement de l'élément sur lequel l'attribut est défini. La propriété HTMLElement.dataset permet d'y accéder.
Un attribut énuméré qui indique la direction du texte de l'élément. Il peut avoir les valeurs suivantes :
Un attribut énuméré qui indique si l'élément peut être glissé/déposé grâce à l'API de glisser-déposer. Il peut avoir les valeurs suivantes :
Indique quelle étiquette d'action (ou icône) présenter pour la touche Entrée sur les claviers virtuels.
Utilisé pour exporter de façon transitive des parties d'ombre (shadow parts en anglais) d'un arbre imbriqué vers un arbre réel.
Augmente le niveau de titre calculé des éléments de titre à l'intérieur de l'élément, sans modifier les éléments utilisés pour les écrire.
Un attribut booléen qui empêche les valeurs headingoffset des éléments ancêtres de s'appliquer aux titres à l'intérieur de l'élément.
Un attribut énuméré qui indique que l'élément n'est pas encore, ou n'est plus, pertinent. Par exemple, il peut être utilisé pour masquer des éléments de la page qui ne peuvent pas être utilisés tant que la procédure de connexion n'est pas terminée. Le navigateur n'affiche pas ces éléments. Cet attribut ne doit pas être utilisé pour masquer du contenu qui peut légitimement être affiché.
Définit un identifiant (ID) qui doit être unique dans tout le document. Il sert à identifier l'élément lors de la création de liens (avec un identifiant de fragment), de scripts ou de mise en forme (avec le CSS).
Un booléen qui fait que le navigateur ignore les évènements d'entrée utilisateur·ice pour l'élément. Utile lorsque des évènements de clic sont présents.
Fournit une indication au navigateur sur le type de configuration du clavier virtuel à utiliser lors de la modification de cet élément ou de son contenu. Principalement utilisé sur les éléments HTML <input>, mais utilisable sur n'importe quel élément en mode contenteditable.
Permet de définir qu'un élément HTML standard doit se comporter comme un élément personnalisé natif enregistré (voir Utiliser les éléments personnalisés pour plus de détails).
Note : Les attributs item* font partie de la fonctionnalité Microdata HTML WHATWG (angl.).
L'identifiant unique et global d'un objet.
Permet d'ajouter des propriétés à un objet. Chaque élément HTML peut avoir un attribut itemprop défini, où itemprop est une paire nom/valeur.
Les propriétés qui ne sont pas des descendants d'un élément avec l'attribut itemscope peuvent être associées à l'objet avec un itemref. Il fournit une liste d'identifiants d'éléments (pas itemid) avec des propriétés supplémentaires ailleurs dans le document.
itemscope fonctionne généralement avec itemtype pour indiquer que le HTML contenu dans un bloc concerne un objet particulier. itemscope crée l'objet et définit la portée d'un itemtype associée. itemtype est une URL valide d'un vocabulaire (comme schema.org) qui décrit l'objet et le contexte de ses propriétés.
Définit une URL du vocabulaire qui est utilisé pour définir les itemprop (propriétés d'objet) dans la structure de données. itemscope est utilisé pour définir la portée où le vocabulaire défini par itemtype est actif.
Aide à déf