HTML和CSS中的单引号和双引号[重复]答案

【问题标题】：Single versus double quotation marks in HTML & CSS [duplicate]HTML和CSS中的单引号和双引号[重复]
【发布时间】：2016-02-15 08:11:11
【问题描述】：

谁能澄清 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 Fonts 决定使用单引号是否有任何正当理由？

【问题讨论】：

【解决方案1】：

没有最佳实践，因为它们对代码的解析方式都没有任何影响。您可以交替使用' 或" 来分隔属性和其他字符串。

【讨论】：

【解决方案2】：

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

唯一重要的注意事项是不要在内部使用一个。

例如在php中：

echo '"hello world"';

输出 - “hello world”

或者

echo "'hello world'";

输出“你好世界”

但是

echo ""hello world"";

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

【讨论】：

【解决方案3】：

两者都是有效的，但您可能应该遵守特定的风格指南。例如Google's style guide 建议使用double quotes for HTML 和single quotes for CSS。（虽然 Google 字体并不完全遵循这一点）

【讨论】：