在手写HTML时,我总是使用单引号。我使用了很多渲染的HTML,它们总是使用双引号。这使我能够确定HTML是手工编写的还是生成的。这是个好主意吗?

这两者之间有什么区别?我知道它们都可以工作,而且所有现代浏览器都支持它们,但在不同的情况下,其中一种真的比另一种更好吗?


当前回答

实际上,最好的方法是谷歌推荐的方法。双引号: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

看到https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity HTML_Validity 引用谷歌的建议:“使用有效的HTML是一个可衡量的基准质量属性,有助于了解技术需求和约束,并确保正确使用HTML。”

其他回答

双引号用于字符串(即“这是一个字符串”),单引号用于字符(即'a', 'b'或'c')。根据编程语言和上下文的不同,可以对字符使用双引号,但不能对字符串使用单引号。

HTML并不关心你使用的是哪一个。然而,如果你在PHP脚本中编写HTML,你应该坚持使用双引号,因为你需要转义它们(即“whatever\”),以避免混淆你自己和PHP。

我用“作为第一梯队”和“作为第二梯队”,我想大多数人都会这么做。例如

<a href="#" onclick="alert('Clicked!');">Click Me!</a>

在那个例子中,你必须两者都用,这是不可避免的。

我知道很多人不会同意,但这就是我所做的,我真的很喜欢这样的编码风格:我实际上在HTML中不使用任何引用,除非绝对必要。

例子:

<form method=post action=#>
<fieldset>
<legend>Register here: </legend>
  <label for=account>Account: </label>
  <input id=account type=text name=account required><br>
  <label for=password>Password: </label>
  <input id=password type=password name=password required><br>
...

双引号只在属性值中有空格时使用:

<form class="val1 val2 val3" method=post action=#>
  ...
</form>

HTML使用双引号

i.e.

<div class="colorFont"></div>

JavaScript中使用单引号

i.e.

$('#container').addClass('colorFont');
$('<div class="colorFont2></div>');

这对html没有区别,但如果你用另一种编程语言动态生成html,那么一种方法可能比另一种更容易。

例如,在Java中,双引号用来表示字符串的开始和结束,所以如果你想在字符串中包含双引号,你必须用反斜杠来转义它。

String s = "<a href=\"link\">a Link</a>"

单引号就不存在这样的问题,因此使用单引号可以使Java中的代码更具可读性。

String s = "<a href='link'>a Link</a>"

特别是当您必须编写具有许多属性的html元素时。(注意,我通常使用jhtml这样的库在Java中编写html,但这样做并不总是实际的)