Citer ou ne pas citer : quand les noms de familles de polices doivent-ils être placés entre guillemets en CSS ?

Résoudre le dilemme stylistique : les noms de famille de polices doivent-ils être entourés de guillemets en CSS ?

Le débat autour de la nécessité de placer les noms de famille de polices entre guillemets entre guillemets est resté dans la communauté CSS. Cette question découle d'une « meilleure pratique » de longue date qui a été remise en question par les navigateurs modernes. Examinons les détails techniques et la logique derrière cette convention.

Base technique

Selon la spécification CSS 2.1, les noms de famille de polices peuvent être spécifiés avec ou sans guillemets. Lorsqu'il n'est pas cité, le nom doit être une séquence d'identifiants. Cependant, les identifiants ne peuvent pas contenir d'espaces ni certains caractères de ponctuation. Pour inclure ces caractères, ils doivent être échappés ou le nom doit être cité.

La règle générale recommande de citer les noms de familles de polices qui contiennent des espaces, des chiffres ou des signes de ponctuation autres que des traits d'union. Cette recommandation évite les erreurs potentielles lors de l'échappement.

Implications pratiques

En pratique, la suppression des guillemets des noms de familles de polices contenant des espaces ne semble pas poser de problèmes dans les principaux navigateurs comme Safari. et Firefox. Cela suggère que la « meilleure pratique » consistant à utiliser des guillemets n’est peut-être pas essentielle pour les navigateurs modernes. Il existe cependant quelques exceptions :

• Confusion des mots-clés : Les noms de famille de polices identiques aux mots-clés CSS (par exemple, "serif", "monospace") doivent être mis entre guillemets. pour éviter toute confusion.
• Identifiants nécessitant un échappement : Ponctuation telle que / ou ! au sein d'un identifiant peut nécessiter des guillemets ou une fuite.

Recommandation

Bien que les navigateurs modernes n'exigent pas de guillemets pour les noms de familles de polices contenant des espaces, citer des noms qui contiennent d'autres les caractères spéciaux ou la correspondance avec des mots-clés CSS restent une pratique prudente. Il garantit la cohérence, la clarté et évite les pièges 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!