HTML : la valeur de l'attribut id est-elle valide ?

Question

Quelles sont les règles relatives aux valeurs lors de la création de l'attribut id

Answer 1

De Spécification HTML 4 :

Une erreur courante consiste à utiliser des identifiants commençant par un chiffre.

Answer 2

Pour HTML 4, la réponse technique est :

HTML 5 est plus tolérant et nécessite uniquement que l'identifiant contienne au moins un caractère et ne puisse contenir aucun caractère d'espace.

En XHTML, l'attribut id est sensible à la casse.

D'un point de vue purement pratique, vous souhaiterez peut-être éviter d'utiliser certains caractères. Dans les sélecteurs CSS, les points, les deux-points et les signes dièse ont une signification particulière, vous devez donc y échapper en utilisant des antislashes en CSS ou des doubles antislashes dans la chaîne de sélection transmise au caractère jQuery. Dans votre feuille de style ou votre code, réfléchissez à la fréquence à laquelle vous devez échapper un caractère avant de décider d'utiliser des points et des deux-points dans les identifiants.

Par exemple, déclaration HTML <div id="first.name"></div>是有效的。你可以在CSS中选择该元素为#first.name，在jQuery中选择为$('#first\.name')。但是如果你忘记了反斜杠，$('#first.name')，你将得到一个完全有效的选择器，它寻找id为first并且具有class为name的元素。这是一个容易忽视的错误。从长远来看，你可能更喜欢选择id为first-name (utilisez des tirets au lieu de points).

En respectant strictement les conventions de dénomination, vous pouvez simplifier vos tâches de développement. Par exemple, si vous vous limitez complètement aux caractères minuscules et utilisez toujours des traits d'union ou des traits de soulignement pour séparer les mots (mais pas les traits d'union et les traits de soulignement, choisissez-en un et n'utilisez jamais l'autre), alors vous obtenez un modèle facile à retenir. Vous ne vous demanderez jamais « oui ». Vous préférez camelCase ? Alors limitez-vous à camelCase uniquement, sans traits d'union ni traits de soulignement, et utilisez toujours des majuscules ou des minuscules comme premier caractère, ne les mélangez pas firstName还是FirstName？”因为你总是知道你应该输入first_name.

---

Un problème désormais très rare est qu'au moins un navigateur, Netscape 6,

traite par erreur la valeur de l'attribut id comme étant sensible à la casse . Cela signifie que si vous tapez ('F' majuscule) en HTML, ce navigateur buggé ne pourra pas définir la couleur de l'élément sur rouge. Au moment de l'édition (avril 2015), j'espère que vous n'avez pas besoin de prendre en charge Netscape 6. Considérez cela comme une note historique. id="firstName"（小写的'f'），并在CSS中输入了#FirstName { color: red }