Aide-mémoire pour les développeurs web qui souhaitent concevoir des sites HTML et CSS. ©Electre 2024

Attributs globaux applicables à tout élément HTML5

content-editable Contenu éditable dynamiquement. L'élément devient modifiable dans le navigateur.

context-menu Menu contextuel. Lie un menu contextuel déclaré par <menu> grâce à son id.

draggable Élément déplaçable. Active (true) ou désactive (false) la possibilité de déplacer un élément, notamment dans le cadre du Drag et Drop.

dropzone Zone de dépôt. Active l'élément comme zone de dépôt pour le Drag et Drop. Les valeurs possibles sont copy : copie des données déposées, move : déplacement des données déposées, link : création d'un lien vers les données d'origine, string:text/plain acceptation de texte Unicode, file:type acceptation de types de fichiers.

<div dropzone- "copy file:image/png file:image/gif file:image/jpeg"></div>

hidden Contenu inaccessible. Si cet attribut est présent, l'élément n'est plus, ou n'est pas encore, pertinent (par exemple, une étape supplémentaire dans un processus d'inscription en ligne). Le navigateur ne doit pas l'afficher. À ne pas confondre avec display:none en CSS qui relève purement de la présentation. Retirer l'attribut hidden avec JavaScript réactive l'accès à l'élément et à son contenu.

spellcheck Correction orthographique. Active (valeur true) ou désactive (valeur false) la vérification orthographique interne au navigateur.

<input type-"text" name-"nomfamille" spellcheck-"false">

translate Traduction autorisée. Active (valeur yes) ou désactive (valeur no) la possibilité de traduire une portion de texte (par le navigateur ou un site externe).

<p> Mon nom est <span transiate-"no">Spider Man</span></p>

accesskey Touche d'accès rapide. Méthode d'accès direct au clavier (par combinaison de touches variées selon le système) aux éléments recevant le focus.

<a href-"/html"accesskey-"h">HTML</a>

<a href-"/css" accesskey-"c">CSS</a>

class Classe. Confère une classe à un ou plusieurs éléments HTML, qui peut être utilisée dans la feuille de style CSS pour attribuer des propriétés communes à plusieurs de ces éléments, ou avec JavaScript et la méthode document.get.ElementsByClassName("classe") :

id Identifiant unique. Attribue un identifiant unique à l'élément HTML pour le désigner tant avec CSS #id qu'avec JavaScript document.getElementById("id").

dir Direction du texte. Indique la direction du texte contenu, avec pour valeurs auto, ltr (left to right) : gauche à droite, rtl (right to left) : droite à gauche.

lang Langue. Indique par un code langue celle dans laquelle le contenu texte est rédigé.

style Styles spécifiques. Attribue une ou plusieurs propriétés de style CSS directement à l'élément, en général prioritaires sur la feuille de style.

<p style-"color:red">Rouge</p>

tabindex Ordre de tabulation. Définit un ordre de tabulation (différent de l'ordre naturel) pour la navigation au clavier, parmi les éléments qui peuvent recevoir le focus, avec pour valeurs possibles : un entier négatif : peut recevoir le focus mais n'est pas accessible dans la séquence de navigation ; zéro : ordre automatique ; un entier positif : ordre déterminé par la séquence.

title Titre. Fournit des informations à propos d'un élément, souvent affichées par le navigateur sous forme d'infobulle lorsque le curseur survole cet élément.