Est-il vraiment nécessaire de citer la valeur de url() ?

Question

Lequel des éléments suivants dois-je utiliser dans mes feuilles de style ?

/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');

Qu'est-ce que le W3C spécifie comme étant le manière correcte ?

Answer 1

Les exemples 2 ou 3 sont les meilleurs :

Du W3C : Le format d'une valeur URI est "url(' suivi d'un espace blanc facultatif suivi d'un guillemet simple facultatif (') ou d'un guillemet double facultatif (") suivi de l'URI lui-même, suivi d'un guillemet simple facultatif (') ou d'un guillemet double facultatif (") suivi d'un espace blanc facultatif suivi de ')". Les deux guillemets doivent être identiques.

D'après la même explication, l'exemple 1 est acceptable si les caractères appropriés sont échappés.

Answer 2

Según Style de codage CSS de Google

N'utilisez pas de guillemets dans les valeurs URI (url()).

Exception : Si vous devez utiliser la règle @charset, utilisez des guillemets doubles - les guillemets simples ne sont pas autorisés.

Answer 3

Je l'ai fait :

a.pic{
    background-image: url(images/img (1).jpg);
}

Il m'a fallu un certain temps pour comprendre que la parenthèse fermante de l'in-filename enfreignait la règle.

Ce n'est donc pas obligatoire mais, même si la citation n'est pas très bien comprise par les anciens navigateurs, elle pourrait vous épargner quelques maux de tête dans des pages assez complexes générées dynamiquement.