我们应该在 css 背景 url ("....") 中使用哪种类型的引号？需要单引号、双引号还是不需要引号？ [复制]答案

【问题标题】：Which type of quotes we should use in css background url ("....")? Single, double or no quote needed? [duplicate]我们应该在 css 背景 url ("....") 中使用哪种类型的引号？需要单引号、双引号还是不需要引号？ [复制]
【发布时间】：2011-01-03 07:45:40
【问题描述】：

这个

background:url(http://url);

这个

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

或者这个

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

【问题讨论】：

我知道不使用引号是有效的，但我觉得不对！

标签： grammar css

【解决方案1】：

似乎任何带引号或不带引号的都是可以接受的 (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')

【讨论】：

【解决方案2】：

我使用不带引号的那个。我记得读过 Zeldman 的文章，说它最不可能导致旧版浏览器出现问题。我相信他提到的浏览器很古老，比如 Netscape 2 什么的。如今，您使用哪种样式都无关紧要。

【讨论】：

【解决方案3】：

根据CSS specification，所有三个示例的 URL 位都是有效的 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 );

【讨论】：

你的意思是如果 url 有特殊字符，那么应该使用单引号或双引号。
no - 你可以包含一个不带引号的带有特殊字符的 url，前提是你用反斜杠转义引号（例如：example.com/lo\(url\)wi） - 我的意思是你'会发现引用你所有的 url ("example.com/lo(url)wi") 比逃避那些麻烦的更容易
@dexter - 就像我说的一样，总是使用引号是件好事。

【解决方案4】：

我认为没有一个是正确的。它应该是以下之一：

background: url(http://url)

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

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

注意冒号，而不是花括号。

【讨论】：

【解决方案5】：

根据 W3，这是您的选择：

URI 值的格式是 'url(' 后跟可选的空格后跟一个可选的单引号 (') 或双引号 (") 字符后面是 URI 本身，然后是通过可选的单引号 (') 或双引号 (") 字符后跟可选空格后跟“）”。两个引号字符必须是一样。

【讨论】：