Maison > interface Web > js tutoriel > Les identifiants HTML peuvent-ils commencer par ou être constitués uniquement de chiffres ?

Les identifiants HTML peuvent-ils commencer par ou être constitués uniquement de chiffres ?

DDD
Libérer: 2024-11-12 19:50:02
original
900 Les gens l'ont consulté

Can IDs in HTML Start with or Consist Only of Numbers?

Les identifiants peuvent-ils contenir uniquement des chiffres ?

Pouvez-vous créer un élément avec un identifiant qui commence par ou est entièrement composé de chiffres ?

Oui, vous pouvez.Cependant, utiliser de tels identifiants avec des sélecteurs CSS peut être difficile.

Validation d'ID :

HTML5 permet ID composés uniquement de chiffres, à condition qu'il ne s'agisse pas d'espaces. Les navigateurs ont toujours été flexibles avec cela, même avant la spécification HTML5.

Sélecteurs CSS :

Bien que vous puissiez utiliser des identifiants numériques, cela devient fastidieux dans les sélecteurs CSS. Les identifiants commençant par des chiffres ne peuvent pas être écrits littéralement ; vous devez les échapper à l'aide de barres obliques inverses (par exemple, #12 devient #3132 en CSS).

Recommandation :

Si vous prévoyez d'utiliser ces identifiants avec des sélecteurs CSS, c'est Il est conseillé de les commencer par des lettres pour plus de commodité.

Exemples :

Voici un exemple utilisant un div avec l'identifiant "12":

<div>
Copier après la connexion
# {
    background: #0bf;
}
Copier après la connexion
document.getElementById("12").style.border = "2px solid black";
Copier après la connexion

Cela fonctionne dans les principaux navigateurs, comme le démontre l'exemple en direct ci-dessous :

[Exemple en direct](https://jsfiddle.net/e0xs9L06/)

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!

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