L'identifiant appartient-il au HTML ?

青灯夜游
Libérer: 2022-09-23 16:58:52
original
2210 Les gens l'ont consulté

id appartient au HTML. L'ID est un attribut global en HTML, qui peut être utilisé pour configurer le comportement commun de tous les éléments et peut être utilisé sur n'importe quel élément. L'attribut id est utilisé pour donner un nom unique (identifiant) à une balise. Lorsque vous utilisez CSS ou JavaScript pour faire fonctionner cette balise, vous pouvez trouver la balise via l'attribut id.

L'identifiant appartient-il au HTML ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

id est un attribut global en HTML, qui peut être utilisé pour configurer le comportement commun de tous les éléments et peut être utilisé sur n'importe quel élément.

Les attributs globaux couramment utilisés incluent : classe, caché, identifiant, langue, style, titre, dir, contenteditable, etc.

Attribut HTML id

L'attribut id est utilisé pour donner un nom unique (identifiant) à une balise. Lorsque nous utilisons CSS ou JavaScript pour faire fonctionner cette balise, nous pouvons trouver la balise via le. attribut id .

Définir l'attribut id pour la balise peut nous apporter beaucoup de commodité, telles que :

  • Si la balise a l'attribut id comme identifiant unique, la balise peut être facilement localisée via l'attribut id ;

  • Si HTML Le document contient plusieurs balises portant le même nom, et elles peuvent être facilement distinguées en utilisant le caractère unique de l'attribut id.
  • Remarque : La valeur de l'attribut id doit être unique dans un document HTML.

Grammaire :

<element id="id值">
Copier après la connexion
Règles de dénomination des valeurs d'identifiant :

    doit commencer par les lettres A-Z ou a-z
  • Caractères suivants : lettres (A-Za-z), chiffres (0-9), trait d'union ("-"), trait de soulignement ("_"), deux-points (":") et point ("".")
  • La valeur est sensible à la casse
  • L'exemple de code est le suivant :
<input type="text" id="username" />
<div id="content">PHP中文网</div>
<p id="url">https://www.php.cn/</p>
Copier après la connexion

Utilisez l'attribut id dans CSS--id selectorLe sélecteur d'identifiant peut spécifier un style spécifique pour les éléments HTML marqués avec un identifiant spécifique.

Les éléments HTML utilisent l'attribut id pour définir le sélecteur d'identifiant, et le sélecteur d'identifiant en CSS est défini avec "#".

La structure syntaxique est la suivante : #" 来定义。

语法结构如下:

#ID {
  属性 : 属性值;
}
Copier après la connexion

用法与类选择器类似,这里不做赘述。只需要注意id

#div1{
    background:rgb(200,200,0);
    color:blue;
    font-size:20px;
}
Copier après la connexion

L'utilisation est similaire à celle du sélecteur de classe, je n'entrerai donc pas dans les détails ici. Notez simplement que l'attribut id est unique et ne peut pas être répété.

Une valeur d'ID ne peut apparaître qu'une seule fois dans un document HTML, c'est-à-dire qu'un ID ne peut identifier de manière unique qu'un seul élément (pas un type d'élément, mais un élément).

C'est-à-dire que l'identifiant de l'élément est unique dans la page, le sélecteur d'identifiant est donc utilisé pour sélectionner un élément unique !

Exemple :

<p>这是一个段落</p>
<p id="div1">这是一个段落</p>
Copier après la connexion

Résultats d'exécution

rrreeeLidentifiant appartient-il au HTML ?

Remarque : En raison du caractère unique de l'attribut id, ce sélecteur n'est généralement pas utilisé lors de l'utilisation de CSS pour le style, et l'objectif principal de ce sélecteur est de faire du js effets spéciaux

(Partage de vidéos d'apprentissage : front-end web

)🎜

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal