Maison  >  Article  >  interface Web  >  Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-11 09:02:03135parcourir

Can elements have IDs that start with numbers?

Les éléments peuvent-ils avoir des identifiants commençant par des chiffres ?

Oui, HTML permet aux éléments d'avoir des identifiants commençant par des chiffres. Cependant, l'utilisation de tels identifiants peut compliquer les interactions CSS et JavaScript.

Limitations des sélecteurs CSS :

Les identifiants numériques nécessitent un échappement dans les sélecteurs CSS, à l'aide d'une barre oblique inverse () suivie de le code de caractère hexadécimal du ou des chiffres. Par exemple, pour sélectionner un élément avec l'ID « 12 », vous utiliserez #3132.

Prise en charge et compatibilité des navigateurs :

Alors que les navigateurs modernes prennent en charge les identifiants commençant par nombres, leur utilisation n'est pas recommandée en raison de problèmes potentiels avec les sélecteurs CSS.

Impact sur les interactions JavaScript :

En JavaScript, les éléments peuvent être récupérés à l'aide de document.getElementById( ). Toutefois, si l'ID commence par un chiffre, celui-ci doit être placé entre guillemets. Par exemple, pour accéder à un élément avec l'ID "12", vous utiliserez document.getElementById("12").

Meilleures pratiques :

Pour éviter le complexités associées aux identifiants numériques, il est conseillé de commencer les identifiants par des lettres et d'éviter d'utiliser des chiffres purs. Cela améliore la lisibilité, simplifie l'utilisation de CSS et JavaScript et garantit la compatibilité entre les navigateurs.

Exemple :

Voici un exemple utilisant un élément avec l'ID « 12 » :

Notez que l'ID est cité en JavaScript car il commence par un chiffre.

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:
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