Les identifiants HTML peuvent-ils commencer par un nombre ?

Puis-je avoir un élément avec un identifiant qui commence par un numéro ?

Question :

Est-il possible de créer un élément avec un ID qui commence par ou se compose entièrement de des chiffres ?

Réponse :

Oui, il est possible de créer un élément avec un identifiant qui commence par ou est entièrement composé de chiffres. Cependant, utiliser des sélecteurs CSS pour sélectionner ou styliser un tel élément peut s'avérer difficile.

Explication :

Les spécifications HTML5 autorisent les valeurs d'ID contenant uniquement des chiffres, comme n'importe quel caractère. sauf qu'un espace est acceptable. Alors que les spécifications HTML antérieures imposaient des règles plus strictes, les navigateurs ne les ont jamais strictement appliquées.

Sélection d'ID en CSS :

Lors de l'utilisation de sélecteurs CSS pour sélectionner des éléments avec des ID numériques, il Il est important de noter les limitations :

• Les sélecteurs d'ID CSS ne peuvent pas utiliser directement les identifiants commençant par un chiffre. Ils doivent être échappés à l'aide de barres obliques inverses. Par exemple, un identifiant « 12 » serait représenté par « #3132 ».

Bonne pratique :

Par souci de simplicité, il est recommandé de commencer les identifiants par une lettre si vous avez l'intention d'utiliser des sélecteurs CSS pour travailler avec eux.

Exemple :

Vous trouverez ci-dessous un exemple qui démontre l'utilisation d'un div avec l'ID "12" et comment interagir avec lui en utilisant CSS, JavaScript via document.getElementById et JavaScript via document.querySelector :

// CSS
# {
  background: #0bf;
}

// JavaScript via getElementById
document.getElementById("12").style.border = "2px solid black";

// JavaScript via querySelector (if supported)
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

Cet exemple montre que les éléments avec des identifiants numériques peuvent être manipulé dans les navigateurs, mais l'utilisation de sélecteurs d'ID échappés en CSS est nécessaire pour éviter les conflits potentiels.

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!