Maison > interface Web > tutoriel CSS > Les identifiants HTML peuvent-ils commencer par des chiffres ?

Les identifiants HTML peuvent-ils commencer par des chiffres ?

Barbara Streisand
Libérer: 2024-12-22 19:31:10
original
341 Les gens l'ont consulté

Can HTML IDs Begin with Numbers?

Les identifiants peuvent-ils commencer par des chiffres ?

En HTML, les éléments peuvent-ils avoir des identifiants initiés ou composés entièrement de chiffres ?

Réponse :

Oui, les valeurs d'identification en HTML peuvent être constituées uniquement de chiffres. Les caractères en dehors des espaces sont autorisés. Alors que les versions HTML antérieures imposaient des restrictions sur les valeurs d'identification, exigeant un ensemble spécifique de caractères et une lettre comme point de départ, les navigateurs ignoraient ces limitations. Cela se reflète dans la spécification HTML5, qui permet une plus grande flexibilité.

Cependant, il convient de noter que l'utilisation d'ID commençant par des chiffres peut poser des problèmes lors du style des éléments à l'aide de sélecteurs CSS. Pour sélectionner un élément dont l'ID commence par un chiffre, vous devez échapper le caractère avec une barre oblique inverse. Par exemple, pour sélectionner un élément avec l'ID « 12 », le sélecteur CSS serait #3132.

Malgré ces inconvénients potentiels, vous pouvez utiliser des identifiants numériques en HTML. Voici une démonstration :

<div>
Copier après la connexion

Dans cet exemple, la couleur d'arrière-plan est définie en utilisant CSS :

# {
    background: #0bf;
}
Copier après la connexion

Et la bordure est définie en JavaScript à l'aide de document.getElementById :

document.getElementById("12").style.border = "2px solid black";
Copier après la connexion

N'oubliez pas que les sélecteurs CSS nécessitent que l'ID soit échappé lors de l'utilisation d'ID numériques. Opter pour des identifiants commençant par une lettre peut simplifier ce processus si vous avez l'intention d'utiliser des sélecteurs CSS pour cibler des éléments.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal