HTML和CSS中的單引號和雙引號

Question

任何人都不能澄清HTML5 & CSS中單引號和雙引號的區別。

下面是谷歌在HTML矛盾使用單引號：

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

和CSS：

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

雖然引導的文件的做法表明在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; 

哪種做法是最好的和爲什麼？

編輯： 是否有任何有效的原因爲什麼谷歌字體決定使用單引號？

Answer 1

兩者都是有效的，但你可能應該堅持一定的風格指南。例如，Google's style guide建議使用double quotes for HTML和single quotes for CSS。 （雖然谷歌字體沒有完全遵循這一點）

Answer 2

沒有最佳實踐，因爲對解析代碼的方式都沒有任何影響。您可以交替使用'或"來消除屬性和其他字符串。

Answer 3

一般來說，沒有區別。它們可以互換。

唯一重要的注意事項是不要在其內部使用一個。

例如在PHP中：

echo '"hello world"'; 

輸出 - 「Hello World」 的

或者

echo "'hello world'"; 

輸出 '世界你好'

但

echo ""hello world""; 

如果「未轉義，將在內容之前關閉該參數時會拋出錯誤。