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字体决定使用单引号吗？

Answer 1

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

Answer 2

一般来说，没什么区别。它们可以互换。

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

例如 php:

echo '"hello world"';

输出 - "hello world"

或者

echo "'hello world'";

输出'hello world'

但是

echo ""hello world"";

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

Answer 3

两者都有效，但您可能应该遵循特定的风格指南。例如，Google's style guide suggest using double quotes for HTML and single quotes for CSS。（虽然 Google 字体不完全遵循此）

Single versus double quotation marks in HTML & CSS