HTML和CSS中的单引号和双引号有什么区别？

Question

有人能否澄清HTML5和CSS中单引号和双引号之间的区别。

以下是Google在HTML中对单引号使用的矛盾之处：

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

还有CSS：

font-family: 'Roboto', sans-serif;

尽管Bootstrap的文档实践展示了在HTML中使用双引号：

<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">

还有CSS：

font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;

哪种做法是最好的，为什么？

编辑： Google 字体为什么要使用单引号，是否有有效原因？

- vorststoom

Answer 1

两种引号都是有效的，但你最好坚持使用某种样式指南。例如，谷歌的样式指南建议在HTML中使用双引号，并在CSS中使用单引号double quotes for HTMLsingle quotes for CSS。（虽然Google Fonts并不完全遵循这个规则）

- cocoa

---

确切地说，我对谷歌字体的单引号使用感到相当不安。 - vorststoom

@vorststoom，你会说你感觉到字体的干扰吗？抱歉，忍不住要这么说 :) - ViggoV

Answer 2

没有最佳实践，因为使用单引号或双引号都不会影响代码的解析。您可以交替使用'或"来分隔属性和其他字符串。

- Aeolingamenfel

Answer 3

一般来说，它们没有区别，可以互换使用。

唯一需要注意的是不要在自身内部使用其中一个。

例如，在php中：

echo '"hello world"';

输出 - "你好，世界"

或者

echo "'hello world'";

输出 'hello world'

但是

echo ""hello world"";

如果未转义 "，将会抛出错误，因为它会在内容之前关闭该参数。

- Doooder

---

与帖子主题无关。 - Mickäel A.

这是相关且重要的。 - Kashyap Kotak