Les guillemets sont-ils obligatoires lors de l'utilisation de la fonction `url()` en CSS ?

La citation des valeurs Url() est-elle facultative ?

L'utilisation de guillemets dans la valeur de url() est un dilemme courant en CSS. Examinons les spécifications du W3C pour déterminer l'approche recommandée.

Spécifications du W3C

Selon la syntaxe du W3C pour url(), les guillemets ne sont pas obligatoires. Les trois méthodes suivantes sont toutes considérées comme valides :

background-image: url(image.png);
background-image: url("image.png");
background-image: url('image.png');

Par conséquent, il est facultatif d'utiliser des guillemets dans les valeurs url(). Cependant, il y a certaines considérations à garder à l'esprit.

Cotations d'ouverture et de clôture identiques

Si des guillemets sont utilisés, il est important de s'assurer que les guillemets d'ouverture et de clôture sont le même personnage. Par exemple, l'utilisation d'un guillemet simple pour le guillemet d'ouverture et d'un guillemet double pour le guillemet de fermeture n'est pas autorisée.

Caractères spéciaux dans les URL

Si l'URL contient des caractères, tels que des parenthèses ou des espaces, il est recommandé d'utiliser des guillemets ou d'échapper les caractères. L'échappement implique l'utilisation d'une barre oblique inverse avant le caractère spécial. Par exemple :

background-image: url("image/\(x\).png");
background-image: url(image/\(x\).png);

Conclusion

En résumé, citer les valeurs url() est facultatif mais peut être bénéfique dans certaines situations. Il est essentiel d'utiliser des guillemets d'ouverture et de fermeture identiques et de tenir compte des caractères spéciaux si nécessaire. En suivant ces directives, vous pouvez vous assurer que votre code CSS est à la fois valide et robuste.

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!