Comment le W3C recommande-t-il de citer les valeurs d'URL dans la propriété CSS « ​​background-image » ?

Citation de la valeur url() : une perspective du W3C

En CSS, la propriété background-image utilise la fonction url() pour spécifier un source d'images. Bien qu'il existe plusieurs façons de définir l'URL, notamment en utilisant des guillemets simples ou doubles ou en les omettant complètement, que recommande le W3C ?

Norme du W3C

Selon le W3C, la citation de la valeur url() est facultative. Tous les exemples fournis sont considérés comme valides :

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

Cohérence et caractères spéciaux

Cependant, le W3C souligne que si des guillemets ouvrants et fermants sont utilisés, ils doivent être le même caractère.

De plus, si l'URL contient des caractères spéciaux comme des parenthèses , des espaces blancs ou des guillemets, il est recommandé de les citer pour éviter tout comportement involontaire. Les caractères spéciaux peuvent être échappés avec une barre oblique inverse, mais les guillemets sont généralement préférés.

Syntaxe

La syntaxe d'une valeur URI dans url() est définie comme :

'url(' followed by optional white space
followed by an optional single quote (') or double quote (") character
followed by the URI itself
followed by an optional single quote (') or double quote (") character
followed by optional white space
followed by ')'

Les deux guillemets doivent être les pareil.

Conclusion

Bien que citer la valeur url() ne soit pas obligatoire, cela garantit la cohérence et la gestion correcte des caractères spéciaux. En suivant les recommandations du W3C, les développeurs peuvent améliorer la fiabilité et la maintenabilité de leur code CSS.

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!