background url 的双引号,要不写呢?

作者

朋友的一个网站,有一个背景图片不显示。 看了一下源代码,发现背景图是写在双引号里面的。这个没什么问题,平时也是这么写的。怎么感觉双引号有点多呢。仔细一看,这是个行内样式的方式写的, style的内容也是在双引号之间的,这样就有冲突了。 style="background:url("mypic.jpg")" ,这是个错误的写法

错误的写法

style="background:url("mypic.jpg")"

这样写实际上成为了 style="background:url("mypic.jpg")",分成了两个部分。修改很简单,把url中的的双引号给去掉就可以。但是还是建议这么写

style='background:url("mypic.jpg")'

style用单引号把他们给包括起来。因为background的url中不一定都是一个图片地址。比如

background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns ...后面还有代码省略了...");

中间还有个空格。这个时候,使用双引号就很有必要了。阅读起来的方便。

总的一句话,如果 url 中是一个图片地址,可写可不写。其他的情况好还是用引号,包括一下,看着也整齐。

回复

您的电子邮箱地址不会被公开。