Quels sont les attributs globaux du HTML ?

Les attributs globaux HTML incluent la classe, l'identifiant, le style, le titre, la langue, la clé d'accès, le tabindex, caché, déplaçable, modifiable, etc. Ces attributs peuvent être appliqués à n'importe quel élément HTML. Les attributs globaux sont des attributs qui peuvent être utilisés par tous les éléments HTML, qu'ils soient en ligne ou en tant qu'attributs de balise.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

HTML possède de nombreuses propriétés globales qui peuvent être appliquées à n'importe quel élément HTML. Les attributs globaux sont des attributs qui peuvent être utilisés par tous les éléments HTML, qu'ils soient en ligne ou en tant qu'attributs de balise.

Voici quelques attributs globaux HTML courants :

1 classe : utilisée pour spécifier un ou plusieurs noms de classe pour les éléments. Les noms de classe peuvent être utilisés pour sélectionner et styliser des éléments en CSS.

<div>
  <p>这是一个段落。</p>
</div>

2. id : Spécifiez un identifiant unique pour l'élément. Généralement utilisé pour la manipulation du DOM en JavaScript ou les sélecteurs en CSS.

<div id="header">
  <1>这是标题</h1>
</div>

3. style : Spécifiez le style en ligne pour la méta. Stylisez les éléments via les propriétés CSS.

<p style="color: red; font-size: 16px;">这是一个红色的段落，字体大小为16像素。</p>

4. titre : fournissez des informations supplémentaires sur l'élément. La valeur de l'attribut title s'affiche lorsque la souris passe sur l'élément.

<a href="https://www.example.com" title="访问示例网站">点击这里</a>

5. lang : Spécifiez la langue du contenu dans l'élément. Ceci est utile pour les lecteurs d’écran et les pages multilingues.

<p>这是英文文本。</p>
<p>这是中文文本。</p>

6. accesskey : attribue un raccourci clavier à l'élément. Cet élément est accessible rapidement lorsque le raccourci clavier spécifié est enfoncé.

<button accesskey="s">保存</button>

7. tabindex : Spécifiez l'ordre des éléments lors du parcours avec la touche Tab. Vous pouvez naviguer entre différents éléments à l'aide de la touche Tab.

<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">

8. caché : élément caché. Les éléments masqués ne seront pas affichés sur la page, mais existeront toujours dans le DOM.

<p hidden>这个段落被隐藏了。</p>

9. draggable : Spécifie si l'élément peut être déplacé. Généralement utilisé avec les opérations de glisser-déposer JavaScript.

<img src="image.jpg" draggable="true">

10. editable : Spécifie si le contenu de la méta peut être modifié par l'utilisateur. Utilisé pour créer des zones de texte modifiables ou des éditeurs de texte enrichi.

<div contenteditable="true">
  这个内容可以被编辑。
</div>

Ceci n'est qu'une petite partie des attributs globaux HTML, il existe de nombreux autres attributs globaux utiles qui peuvent être utilisés dans divers scénarios. Les propriétés globales offrent aux développeurs plus de flexibilité et de fonctionnalités, permettant aux éléments HTML d'être personnalisés et manipulés selon les besoins.

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!