Pourquoi les noms de zones de grille CSS ne sont-ils pas mis entre guillemets ?

Pourquoi les zones de grille nommées dans CSS ne sont pas citées

Selon la spécification CSS Grid, la valeur de la zone de grille est grille, qui utilise un identifiant personnalisé (). Cependant, MDN note que les identifiants ne peuvent pas être cités, ce qui entraîne une confusion quant à la raison pour laquelle les zones de grille nommées doivent être accessibles via un identifiant sans guillemets.

Les développeurs de spécifications CSS Grid ont opté pour des identifiants au lieu de chaînes lors de la définition de zones de grille nommées avec la propriété grid-area pour maintenir la cohérence avec le reste du CSS, où la majorité des propriétés utilisent des identifiants plutôt que des chaînes. Les exceptions incluent les zones de famille de polices, de contenu et de modèle de grille, qui utilisent à la fois des chaînes et des identifiants.

En 2013, les rédacteurs des spécifications ont discuté de la nécessité de passer des chaînes aux identifiants en raison de :

• Incohérences avec d'autres propriétés CSS
• Fourniture d'un regroupement visuel pour noms
• Compatibilité avec la syntaxe du modèle de zones de grille nommées, qui utilise des chaînes

Consequences

Zones de grille nommées définies avec la grille- zone sont considérés comme des identifiants et non des chaînes. Cela peut prêter à confusion car la syntaxe des zones de modèle de grille utilise des chaînes.

Explication des différences

Identifiants :

• Conforme à la norme grammaire
• Ne peut pas être cité
• Sont sensibles à la casse
• Représentent les identifiants définis par l'auteur

Chaînes :

• Délimité par double ou simple quotes
• Correspondent au production

Raison de l'utilisation de l'identifiant

Malgré l'incohérence apparente, l'utilisation des identifiants dans la zone de grille maintient l'uniformité avec CSS. Selon la spécification CSS Values ​​and Units Module, la plupart des propriétés acceptent les identifiants comme valeurs. Cette décision garantit la cohérence du CSS et évite d'introduire une exception inutile pour la zone de grille.

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!