Maison > Article > interface Web > Quels sont les attributs globaux de HTML5 ?
Quels sont les attributs globaux de HTML5 ?
- 青灯夜游original
- 2021-12-29 11:41:282649parcourir
Les attributs
html5 sont : 1. accesskey ; 2. class; 10. tabindex ;
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Attributs locaux : Certains éléments peuvent spécifier leurs propres attributs, appelés attributs locaux.
Par exemple, l'élément link possède six attributs locaux : href, rel, hreflang, media, type et sizes.
Attributs globaux : Peuvent être utilisés pour configurer des comportements communs à tous les éléments. Cet attribut est appelé attribut global et peut être utilisé sur n'importe quel élément.
Attributs globaux HTML5
1. Attribut Accesskey
Utilisez l'attribut accesskey pour définir une ou plusieurs touches de raccourci pour sélectionner des éléments sur la page.
2. Attribut de classe
L'attribut de classe est utilisé pour classer les éléments.
3. attribut contenteditable
contenteditable est un attribut nouvellement ajouté en HTML5, son but est de permettre aux utilisateurs de modifier le contenu de la page.
<body> <!-- contenteditable属性应用 --> <p contenteditable="true">设置为 true 是可编辑的</p></body>
Comme dans l'exemple ci-dessus, lorsque la valeur de l'attribut contenteditable de l'élément p est définie sur true, l'utilisateur peut cliquer sur le texte pour modifier le contenu. Désactivez l'édition lorsqu'il est défini sur false.
4. Attribut dir
L'attribut dir est utilisé pour spécifier la direction du texte dans l'élément. Il existe deux valeurs valides : ltr (de gauche à droite), rtl (de droite à gauche).
<!-- dir属性应用 --> <p dir="ltr">从左到右</p> <p dir="rtl">从右到左</p>
5. Attribut déplaçable
L'attribut déplaçable est l'un des moyens par lesquels HTML5 prend en charge les opérations de glisser-déposer et est utilisé pour indiquer si un élément peut être glissé et déposé.
6. Attribut dropzone
L'attribut dropzone est l'un des moyens par lesquels HTML5 prend en charge les opérations de glisser-déposer et est utilisé conjointement avec l'attribut draggable.
7. Attribut id
L'attribut id est utilisé pour attribuer un identifiant unique à un élément. Cela va sans dire. Une chose à noter est que l'attribut id peut également être utilisé pour accéder à un emplacement spécifique dans le document.
8. attribut caché
hidden est un attribut booléen, indiquant que l'élément concerné ne nécessite pas d'attention pour le moment. Le navigateur le gère en masquant l'élément concerné (je m'en souviens vaguement lors du contrôle de l'affichage et du masquage de. un élément, il sera personnalisé Une classe cachée, puis y écrira des styles cachés), pour plus de détails, vous pouvez également lire cet article présentant l'attribut caché de HTML5
<!-- hidden属性应用 --><div hidden>这个元素将会被隐藏</div>
9, l'attribut lang
L'attribut lang est utilisé pour décrire le langage utilisé dans le contenu de l'élément. L'attribut lang doit utiliser un code phonétique ISO valide. Le but de l'utilisation de cet attribut est de permettre au navigateur d'ajuster la façon dont il exprime le contenu de l'élément, comme la prononciation correcte lors de l'utilisation d'un lecteur de texte.
<!-- lang属性应用 --><p>Hello - how are you?</p>
10. Attribut de vérification orthographique
L'attribut de vérification orthographique est utilisé pour indiquer si le navigateur doit effectuer une vérification orthographique sur le contenu de l'élément. Cet attribut n'a de sens que lorsqu'il est utilisé sur des éléments que l'utilisateur peut modifier.
L'attribut correcteur orthographique accepte deux valeurs : vrai et faux. La manière dont la vérification orthographique est mise en œuvre varie d'un navigateur à l'autre.
<textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>
11. Attribut de style
L'attribut style est utilisé pour définir des styles CSS directement sur les éléments.
12. Attribut Tabindex
Le focus du clavier de la page HTML peut être basculé entre les éléments en appuyant sur la touche Tab. L'ordre de transfert par défaut peut être modifié à l'aide de l'attribut tabindex.
<form action=""> <label>Name: <input type="text" name="" id="" tabindex="2"></label> <label>City: <input type="text" name="" id="" tabindex="-1"></label> <label>Country: <input type="text" name="" id="" tabindex="1"></label> <input type="submit" value="" tabindex="3"></form>
L'effet du code ci-dessus est le suivant : lorsque vous appuyez sur la touche Tab, la zone de saisie Pays avec l'index de tabulation 1 est sélectionnée en premier, puis le focus passera à la zone de saisie Nom et enfin soumettra. Les éléments avec tabindex défini sur -1 ne seront pas sélectionnés une fois que l'utilisateur appuie sur la touche Tab.
13. Attribut de titre
L'attribut de titre fournit des informations supplémentaires sur l'élément. Les navigateurs utilisent généralement ces éléments pour afficher les astuces de la barre d'outils. Ceci est également souvent utilisé dans certains titres de texte affichés de manière incomplète.
Recommandations associées : "Tutoriel vidéo HTML"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!