Maison > interface Web > js tutoriel > le corps du texte

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

DDD
Libérer: 2024-11-12 19:50:02
original
777 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!

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