Cet article présente principalement les attributs standard et les attributs personnalisés dans HTML5. L'article parle également de certains points de connaissances connexes sur l'accès aux attributs personnalisés lorsque JavaScript exploite DOM. Il est très recommandé. Les amis qui en ont besoin peuvent y faire référence.
Comme indiqué dans la syntaxe HTML5, un élément peut contenir des attributs pour définir diverses propriétés pour un élément.
Certaines propriétés sont définies comme globales et peuvent être utilisées sur n'importe quel élément, tandis que d'autres sont définies comme spécifiques à l'élément. Toutes les propriétés ont un nom et une valeur, qui ressemble à l'exemple suivant.
Voici un exemple utilisant des attributs HTML5 qui montrent comment étiqueter un élément div avec un exemple d'attribut et de valeur nommé Classe:
<div class = example> ... </div>
Les attributs ne peuvent être spécifiés que dans la balise de démarrage et ne doivent pas être utilisés dans la balise de fin.
Les attributs HTML5 sont insensibles aux cas et peuvent être utilisés tout le capital ou mixte, bien que la convention la plus courante soit d'utiliser toujours les minuscules.
Attributs standardLes propriétés énumérées ci-dessous sont prises en charge par presque toutes les balises HTML5.
| propriété | Options | Fonction |
| AccessKey | Défini par l'utilisateur | Définit les raccourcis clavier pour accéder aux éléments. |
| aligner | à droite, à gauche, au centre | Alignez l'étiquette horizontalement. |
| arrière-plan | URL | Définissez une image d'arrière-plan derrière l'élément. |
| bgcolor | Valeur, valeur hexadécimale, valeur RVB | Réglez une couleur d'arrière-plan derrière l'élément. |
| classe | Défini par l'utilisateur. | Classez un élément pour faciliter l'utilisation des feuilles de style en cascade. |
| satisfaisant | Vrai, faux | Définit si l'utilisateur peut modifier le contenu d'un élément. |
| contexte | Identifiant de menu | Définissez le menu contextuel de l'élément. |
| data-xxxx | Défini par l'utilisateur. | Propriétés personnalisées. L'auteur d'un document HTML peut définir ses propres propriétés. Les propriétés personnalisées doivent commencer par les données. |
| dragable | Vrai, faux, automatique | Définit si l'utilisateur peut faire glisser des éléments. |
| hauteur | Valeur du nombre | Définit la hauteur d'une table, d'une image ou d'une cellule de table. |
| Caché | Caché | Définit si un élément doit être visible. |
| identifiant | Défini par l'utilisateur. | Nom des éléments pour une utilisation facile des feuilles de style en cascade. |
| article | Liste des éléments. | Utilisé pour combiner des éléments. |
| Itemprop | Liste des entrées. | Utilisé pour combiner les entrées. |
| cocher | Vrai, faux | Définit si un élément doit avoir une orthographe ou une vérification des erreurs. |
| style | CSS Stylesheet. | Définissez les styles en ligne pour les éléments. |
| sujet | ID défini par l'utilisateur. | Définit l'entrée associée à l'élément. |
| tabindex | Numéro d'onglet | Déterminé à l'ordre de clé de l'onglet de l'élément. |
| titre | Défini par l'utilisateur. | Titre popup de l'élément. |
| Valider | en haut, au milieu, en bas | Alignement vertical des étiquettes dans les éléments HTML. |
| largeur | valeur numérique. | Définit la largeur des tables, des images et des cellules de table. |
HTML5 introduit également une nouvelle fonctionnalité, qui consiste à ajouter des attributs de données personnalisés.
Les attributs de données personnalisés commencent par les données - et sont nommés en fonction de nos besoins. Voici un exemple simple:
<div class = Example Data-Subject = Physics Data-Level = Complex>
...
</div>
Dans l'exemple ci-dessus, deux propriétés personnalisées appelées données de données et au niveau des données sont complètement valides dans HTML5. Nous pouvons également utiliser l'API JavaScript ou obtenir leurs valeurs dans CSS de la même manière pour obtenir des attributs standard.
Ajoutez des attributs personnalisés aux éléments HTML et accédez-y via JavaScript. Si vous l'avez déjà essayé, vous constaterez qu'il est facile d'ignorer la vérification des balises, et HTML5 peut vous fournir la possibilité de créer et d'utiliser vos propres attributs d'élément dans une page Web valide.
Créer des fichiers HTML5:
Si vous n'avez pas compris lequel utiliser, vous pouvez copier le code suivant:
CODE XML / HTML COPIE COPIRE DU PIRMOCHE