19
background:url(http://url);
cette
background:url("http://url");
ou cette
background:url('http://url');
A
Répondre
15
Les bits d'URL de tous les trois de vos exemples sont valables CSS, selon le CSS specification. Notez que la spécification identifie certains caractères dans une URL qui devra être échappée avec une barre oblique inversée si elle est présente. Pour cette raison, vous trouverez peut-être préférable d'utiliser des guillemets simples ou doubles autour de vos URL.
Notez que vous devez écrire votre entière propriété CSS dans le format suivant:
background: url(http://example.com);
+0
u signifie que si url a un caractère spécial, alors une citation simple ou double doit être utilisée. –
+0
non - vous pouvez inclure une URL avec des caractères spéciaux sans guillemets à condition que vous évitiez les guillemets avec une barre oblique inverse (comme par exemple: http://example.com/lo\\(url\\)wi) - mon point était que vous Je vais trouver plus facile de citer toutes vos URL ("http://example.com/lo(url)wi") plutôt que d'échapper à ceux qui sont gênants – Dexter
+0
@dexter - ce même je disais qu'il est bon d'utiliser la citation toujours. –
1
Il est de votre choix, selon W3:
Le format d'une valeur URI est « URL (' suivi de l'espace blanc optionnel suivi d'un guillemet simple optionnel (') ou d'un guillemet (") caractère suivi de l'URI lui-même, suivi de par une guillemets simples optionnelle (') ou double guillemet (") caractère suivi de espace blanc facultatif suivi de ')'. Les deux guillemets doivent être identiques à .
3
Je ne pense pas que ce soit correct. Il devrait être l'un d'entre eux:
background: url(http://url)
background: url("http://url")
background: url('http://url')
Notez le côlon, à la place des accolades.
0
J'utilise celui sans guillemets. Je me souviens avoir lu quelque chose de Zeldman qui disait que c'était le moins susceptible de causer des problèmes avec les anciens navigateurs. Je crois que le navigateur qu'il a mentionné était ancien, comme Netscape 2 ou quelque chose. De nos jours, peu importe le style que vous utilisez.
1
Il semble l'un des cotés ou non cotés sont acceptables (http://www.w3.org/TR/css3-background/)
mais ces ci-dessous ne sont utilisées que si vous référencez des ressources en dehors de votre domaine.
background: url(http://url)
background: url("http://url")
background: url('http://url')
Si vous êtes sur le même domaine: (Le « http: // » n'est pas nécessaire, comme mentionné précédemment)
background: url(/path/to/file)
background: url("/path/to/file")
background: url('/path/to/file')
Je sais qu'il est valable de ne pas utiliser des guillemets, mais il n » Je me sens bien pour moi! – JAL