Quels sont les attributs globaux du HTML ?

Les attributs globaux HTML sont des attributs qui s'appliquent à tous les éléments HTML et peuvent être utilisés dans n'importe quelle balise HTML. Ces propriétés globales sont destinées à fournir des attributs communs qui améliorent la fonctionnalité et le style des éléments HTML. Ci-dessous, nous présenterons quelques attributs globaux HTML couramment utilisés et joindrons des exemples de code correspondants.

1. L'attribut class (class)
   class est utilisé pour spécifier un ou plusieurs noms de classe afin de définir des styles pour les éléments. Plusieurs noms de classes peuvent être séparés par des espaces. Les feuilles de style et le code JavaScript peuvent sélectionner des éléments spécifiques en fonction des noms de classe.

class（类）
class属性用于指定一个或多个类名，以便为元素定义样式。可以使用空格将多个类名分开。样式表和JavaScript代码可以根据类名选择特定的元素。

代码示例：

<div class="container">
    <p class="red">这是一个红色的段落。</p>
</div>

在上面的例子中，class="container"定义了一个带有类名container的div元素，而class="red"则定义了一个带有类名red的p元素。

2. id（标识）
   id属性用于给元素定义唯一的标识符，以便通过JavaScript或CSS选择特定的元素。每个页面上的元素id必须是唯一的。

代码示例：

<h1 id="这是页面的标题">这是页面的标题</h1>

在上面的例子中，id="title"定义了一个唯一标识符为title的h1元素。

3. style（样式）
   style属性用于为元素直接定义行内样式，可以设置元素的颜色、字体、背景等样式。

代码示例：

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

在上面的例子中，style属性定义了一个红色字体和16像素字体大小的p元素。

4. title（标题）
   title属性用于为元素提供额外的信息，当鼠标悬停在元素上时，该信息会以工具提示的形式显示出来。通常用于提供元素的补充说明。

代码示例：

<a href="https://www.example.com" title="点击跳转到示例网站">示例网站</a>

在上面的例子中，当鼠标悬停在<a></a>元素上时，将以工具提示的形式显示出"点击跳转到示例网站"。

以上仅是HTML全局属性的一些常见用法和示例，还有其他一些全局属性，如lang、hidden、draggableExemple de code :

rrreee🎜Dans l'exemple ci-dessus, class="container" définit un conteneur avec le nom de classe code>div et class="red" définit un élément p avec le nom de classe red. 🎜

🎜id (identification)
L'attribut id est utilisé pour définir un identifiant unique pour un élément, permettant une sélection spécifique via JavaScript ou des éléments CSS. L'élément id doit être unique sur chaque page.

🎜Exemple de code : 🎜rrreee🎜Dans l'exemple ci-dessus, id="title" définit un identifiant unique de title code>h1 code> élément. 🎜

🎜style (style)
style est utilisé pour définir directement les styles en ligne pour les éléments. Vous pouvez définir la couleur et la police. , Arrière-plan et autres styles.

🎜Exemple de code : 🎜rrreee🎜Dans l'exemple ci-dessus, l'attribut style définit un élément p avec une police rouge et une taille de police de 16 pixels. 🎜

🎜title (title)
title est utilisé pour fournir des informations supplémentaires à un élément lorsque la souris passe dessus, les informations seront affichées sous forme d’info-bulle. Généralement utilisé pour fournir une description supplémentaire d’un élément.

🎜Exemple de code : 🎜rrreee🎜Dans l'exemple ci-dessus, lorsque la souris passe sur l'élément <a></a>, " Cliquez pour accéder à l'exemple de site". 🎜🎜Ce qui précède ne présente que quelques utilisations courantes et exemples d'attributs globaux HTML. Il existe également d'autres attributs globaux, tels que lang, hidden, draggable, etc. , chacun ayant sa finalité spécifique. Les attributs globaux nous offrent plus de flexibilité et de fonctionnalités pour développer et personnaliser des pages Web. En utilisant ces attributs de manière appropriée, nous pouvons mieux contrôler et présenter le contenu de la page. 🎜

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!