mozilla
Vos résultats de recherche

    Les attributs globaux

    Les attributs globaux sont des attributs communs à l'ensemble des éléments HTML. Ces attributs peuvent être utilisés sur chacun des éléments bien que cela puisse n'avoir aucun effet selon l'élément.

    Les attributs globaux sont définis pour l'ensemble des éléments HTML, ils ne font pas partie du standard en tant que tels. Cela signifie que les éléments non standards doivent pouvoir être utilisés avec ces attributs même s'ils sont marqués comme non-conformes à HTML5. Ainsi, les navigateurs conformes à HTML5 masqueront <toto hidden>...<toto> , même si <toto> n'est pas un élément HTML.

    En plus des attributs globaux basiques HTML, les attributs globaux suivants existent :

    • xml:lang et xml:base sont dépréciés. Ils proviennent historiquement des spécifications XHTML et sont conservés pour des raisons de compatibilité.
    • Les attributs aria-* permettent d'améliorer l'accessibilité.
    • Les attributs pour les gestionnaires d'événements : onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

    Description

    accesskey
    Fournit une indication pour le raccourci clavier à utiliser pour l'élément courant. Cet attribut est une liste de caractères séparés par des espaces. Le navigateur doit utiliser le premier caractère disponible pour l'agencement du clavier utilisé.
    class
    Une liste de classes séparées par des espaces. Les classes permettent au CSS et au JavaScript de sélectionner et d'accéder à des éléments spécifiques du document grâce à des sélecteurs de classes ou des fonctions telles que Document.getElementsByClassName().
    contenteditable
    Un attribut énuméré qui indique si l'élément peut être édité par l'utilisateur. Si c'est le cas, le navigateur modifie son interface afin de permettre l'édition. Cet attribut peut avoir l'une des valeurs suivantes :
    • true ou la chaîne de caractères vide qui indique que l'élément peut être édité
    • false qui indique que l'élément n'est pas éditable.
    contextmenu
    L'id d'un <menu> à utiliser comme menu contextuel pour cet élément.
    data-*
    Cet ensemble est une « classe » d'attributs appelés attributs de données. Ces attributs permet aux informations propriétaires d'être échangées entre le HTML et la représentation de DOM. De telles données propres à l'application sont disponibles via l'interface HTMLElement de l'élément pour lequel l'attribut est utilisé. La propriété HTMLElement.dataset permet d'y accéder.
    dir
    Un attribut énuméré qui indique la direction à utiliser pour représenter le texte de l'élément. Cet attribut peut avoir l'une des valeurs suivantes :
    • ltr, pour left to right (gauche à droite), à utiliser pour les langages qui sont écrits de gauche à droite (comme l'anglais par exemple)
    • rtl, pour right to left (droite à gauche), à utiliser pour les langages qui sont écrits de droite à gauche (comme l'arabe par exemple)
    • auto qui permet à l'agent utilisateur de décider quelle orientation utiliser. Pour ce mode, un algorithme simple est utilisé : les différents caractères sont analysés et dès qu'un caractère à forte directionnalité est trouvé, cette direction est utilisée pour le reste de l'élément.
    draggable
    Un attribut énuméré qui indique si l'élément peut être déplacé avec la souris avec l'API Drag and Drop. Cet attribut peut avoir l'un des valeurs suivantes :
    • true, qui indique que l'élément peut être déplacé
    • false, qui inique que l'élément ne peut pas être déplacé.
    dropzone
    Un attribut énuméré qui indique le type de contenu qui peut être déposé sur un élément avec l'API Drag and Drop. Cet attribut peut avoir l'une des valeurs suivantes :
    • copy, qui indique que le glisser-déposer crée une copie de l'élément qui a été déplacé
    • move, qui indique que l'élément qui a été déplacé sera désormais placé à cet emplacement
    • link, qui crée un lien avec la donnée déplacée.
    hidden
    Un attribut booléen qui indique que l'élément n'est plus (ou pas encore) pertinent. Il peut, par exemple, être utilisé pour cacher les éléments d'une page tant qu'un certain processus n'est pas terminé (login, navigation, etc.). Le navigateur n'affichera pas ces éléments. Cet attribut ne doit pas être utilisé pour masquer du contenu qui devrait légitimement être affiché.
    id
    Définit un identifiant unique (ID) qui doit être unique pour l'ensemble du document. Le but de cet attribut est de pouvoir identifier un élément pour l'utiliser avec un script ou du CSS.
    itemid
    itemprop
    itemref
    itemscope
    itemtype
    Ces attributs sont liés à la fonctionnalité WHATWG des microdonnées HTML.
    lang
    Cet attribut est utilisé pour déterminer le langage de l'élément, le langage dans lequel les éléments non-éditables sont écrits ou le langage dans lequel les éléments éditables doivent être écrits. L'attribut ne contient qu'une valeur dont le format est défini dans le document IETF Tags for Identifying Languages (BCP47), xml:lang est prioritaire par rapport à cet attribut.
    spellcheck
    Un attribut énuméré qui définit si la vérification ortographique doit être utilisée pour l'élément. Cet attribut peut valoir :
    • true, qui indique que l'ortographe de l'élément doit être vérifiée
    • false, qui indique que l'orthographe de l'élément ne doit pas être vérifiée.
    style
    Cet attribut contient des déclarations de mise en forme CSS à appliquer à l'élément. Il est recommandé d'utiliser un ou plusieurs fichiers séparés pour stocker les règles CSS. Cet attribut et l'élément <style> ont pour seuls buts d'être utilisés pour définir des styles rapides.
    tabindex
    Un entier qui indique si l'élément peut recevoir le focus et s'il doit participer à la navigation au clavier et si c'est le cas, dans quel ordre :
    • une valeur négative indique que l'élément peut recevoir le focus mais qu'il ne peut pas être atteint avec la navigation au clavier
    • 0 signifie que l'élément peut recevoir le focus et peut être accessible avec la navigation au clavier et que l'ordre relatif est défini par la plateforme
    • une valeur positive indique que l'élément peut recevoir le focus et peut être atteint avec la navigation au clavier. L'ordre relatif pour la navigation est défini par la valeur de l'attribut : la séquence de navigation suit les valeurs des attributs tabindex dans l'ordre croissant. Si plusieurs éléments ont la même valeur pour cet attribut, l'ordre relatif sera déterminé en fonction de leurs positions relatives dans le document.
    title
    Cet attribut contient un texte contenant des informations générales sur l'élément auquel il appartient. Une telle information est généralement (mais pas obligatoirement) utilisée dans la bulle d'informations de l'élément.
    translate
    Un attribut énuméré qui est utilisé pour définir si les valeurs des attributs d'un élément et les noeuds Text sous l'élément doivent être traduits quand la page est localisée ou s'ils doivent être laissés tels quels. Cet attribut peut valoir :
    • la chaîne vide ou "yes" qui indique que l'élément sera traduit.
    • "no", qui indique que l'élément ne sera pas traduit.

    Spécifications

    Spécification Statut Commentaires
    WHATWG HTML Living Standard
    La définition de 'Global attributes' dans cette spécification.
    Standard évolutif Selon la dernière version, HTML5.1, itemid, itemprop, itemref, itemscope et itemtype ont été ajoutés.
    HTML5.1
    La définition de 'Global attributes' dans cette spécification.
    Version de travail Selon la dernière version de WHATWG HTML Living Standard. À partir de HTML5, spellcheck, draggable, et dropzone ont été ajouté.
    HTML5
    La définition de 'Global attributes' dans cette spécification.
    Recommendation

    Capture (snapshot) de WHATWG HTML Living Standard. À partir de  HTML 4.01 Specification, le concept d'attribut global est introduit et dir, lang, style, id, class, tabindex, accesskey, et title sont désormais des attributs globaux.
    xml:lang qui faisait partie de XHTML, fait désormais partie de HTML.
    hidden, data-*, contextmenu, contenteditable, et translate ont été ajoutés.

    HTML 4.01 Specification Recommendation Il n'y a pas d'attributs globaux définis. Plusieurs attributs qui deviendront plus tard des attributs globaux sont définis sur un sous-ensemble d'éléments.
    class et style sont supportés par tous les éléments sauf <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, et <title>.
    dir est supporté par tous les éléments sauf <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>, et <script>.
    id est supporté par tous les éléments sauf <base>, <head>, <html>, <meta>, <script>, <style>, et <title>.
    lang est supporté par tous les éléments sauf <applet>, <base>, <basefont>, <br>, <frame>, <frameset>, <iframe>, <param>, et <script>.
    tabindex est uniquement supporté par <a>, <area>, <button>, <object>, <select>, et <textarea>.
    accesskey est uniquement supporté par <a>, <area>, <button>, <input>, <label>, <legend> et <textarea>.
    title est supporté par tous les éléments sauf <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, et <title>.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    accesskey (Oui) (Oui) (Oui) (Oui) (Oui)
    class (Oui) (Oui) (Oui) (Oui) (Oui)
    contenteditable (Oui) 3.0 (1.9) (Oui) (Oui) (Oui)
    contextmenu Pas de support 9 (9) Pas de support Pas de support Pas de support
    data-* (Oui) 6 (6) (Oui) (Oui) (Oui)
    dir (Oui) (Oui) (Oui) (Oui) (Oui)
    draggable (Oui) 2.0 (1.8.1) (Oui) (Oui) (Oui)
    dropzone ? Pas de support ? ? ?
    hidden (Oui) 4.0 (2) (Oui) (Oui) (Oui)
    id (Oui) (Oui) (Oui) (Oui) (Oui)
    itemid, itemprop, itemref, itemscope, itemtype ? (Oui) ? ? ?
    lang (Oui) (Oui) (Oui) (Oui) (Oui)
    spellcheck (Oui) 2.0 (1.8.1) (Oui) (Oui) (Oui)
    style (Oui) (Oui) (Oui) (Oui) (Oui)
    tabindex (Oui) (Oui) (Oui) (Oui) (Oui)
    title (Oui) (Oui) (Oui) (Oui) (Oui)
    Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    accesskey (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    class (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    contenteditable (Oui) (Oui) 1.0 (1.9) (Oui) (Oui) ?
    contextmenu Pas de support Pas de support Pas de support Pas de support Pas de support Pas de support
    data-* (Oui) (Oui) 6.0 (6) (Oui) (Oui) ?
    dir (Oui) (Oui) (Oui) (Oui) (Oui) ?
    draggable (Oui) (Oui) 1.0 (1.8.1) (Oui) (Oui) ?
    dropzone ? ? Pas de support ? ? ?
    hidden (Oui) (Oui) 4.0 (2) (Oui) (Oui) (Oui)
    id (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    itemid, itemprop, itemref, itemscope, itemtype ? ? (Oui) ? ? ?
    lang (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    spellcheck (Oui) (Oui) 1.0 (1.8.1) (Oui) (Oui) ?
    style (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    tabindex (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)
    title (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)

    Voir aussi

    Étiquettes et contributeurs liés au document

    Dernière mise à jour par : SphinxKnight,