Какой тип котировок мы должны использовать в css background url ( "...." )? Одиночная, двойная или никакая цитата не нужна?

Ответ 1

Биты URL всех трех ваших примеров действительны CSS, в соответствии с спецификацией CSS.

Обратите внимание, что спецификация идентифицирует некоторые символы в URL-адресе, который должен быть экранирован с помощью обратного слэша, если присутствует in an unquoted URI, such as parentheses, commas, white space characters, single quotes (') and double quotes ("). По этой причине вам может показаться лучше использовать одиночные или двойные кавычки вокруг ваших URL-адресов.

Обратите внимание, что вам нужно написать полное свойство CSS в формате:

background: url( http://example.com );

Ответ 2

Я не думаю, что все правильно. Это должно быть одно из следующих:

background: url(http://url)

background: url("http://url")

background: url('http://url')

Обратите внимание на двоеточие вместо фигурных скобок.

Ответ 3

Это ваш выбор, согласно W3:

Формат значения URI: 'url (' с последующим дополнительным пробелом за которым следует дополнительная одинарная кавычка (') или двойной кавычки ( ") за которым следует сам URI, по необязательной одинарной кавычке (') или символ двойной кавычки (" ), за которым следует дополнительное белое пространство, за которым следует ')'. Два символа кавычек должны быть то же самое.

Ответ 4

Кажется, что любые из цитируемых или не цитируемых являются приемлемыми (http://www.w3.org/TR/css3-background/)

НО эти ниже используются только в том случае, если вы ссылаетесь на ресурсы за пределами вашего домена.

background: url(http://url)
background: url("http://url")
background: url('http://url')

ЕСЛИ вы находитесь в одном домене: ( "HTTP://" не требуется, как упоминалось ранее)

background: url(/path/to/file)
background: url("/path/to/file")
background: url('/path/to/file')

Ответ 5

Я использую один без кавычек. Я помню что-то прочитал Zeldman, который сказал, что это наименее вероятно, чтобы вызвать проблемы с устаревшими браузерами. Я считаю, что браузер, о котором он говорил, был древним, как Netscape 2 или что-то в этом роде. В настоящее время не имеет значения, какой стиль вы используете.