Puis-je avoir un élément avec un ID commençant par un numéro ?

Diviser l'ID d'un élément par un numéro peut sembler une pratique inhabituelle, mais c'est tout à fait possible en HTML. Cependant, il est essentiel de noter que, bien que valides, l'utilisation d'identifiants numériques peut présenter des difficultés lors de la sélection et du style des éléments avec CSS.

HTML autorise les valeurs d'identifiant composées uniquement de chiffres ; n'importe quel caractère sauf un espace est considéré comme acceptable. Les navigateurs ont toujours soutenu cette pratique, ce qui a conduit à l'assouplissement des restrictions plus strictes dans la spécification HTML5.

Bien que l'utilisation d'identifiants numériques en HTML soit techniquement réalisable, il est prudent de faire preuve de prudence lors de leur utilisation dans les sélecteurs CSS. Les sélecteurs d'identifiant CSS n'autorisent pas les identifiants commençant par des chiffres, ce qui nécessite leur échappement. Par exemple, #12 n'est pas valide en tant que sélecteur CSS et doit être spécifié comme #\31\32.

Pour ceux qui ont l'intention d'utiliser des identifiants numériques avec des sélecteurs CSS, il est recommandé de commencer par une lettre pour des raisons de simplicité. Néanmoins, vous trouverez ci-dessous un exemple illustrant l'utilisation d'un div avec l'ID « 12 » et diverses méthodes pour le manipuler :

• CSS : #\31\32 {background : #0bf;}
• JavaScript (getElementById) : document.getElementById("12").style.border = "2px noir uni";
• JavaScript (querySelector): document.querySelector("#\31\32").style .fontStyle = "italic";

Veuillez noter que la prise en charge de document.querySelector peut varier selon les navigateurs. Les navigateurs prenant en charge cette fonction pourront appliquer les modifications de style en utilisant cette dernière méthode.