Eu sempre usei aspas simples ao escrever meu HTML manualmente. Eu trabalho com muito HTML renderizado, que sempre usa aspas duplas. Isso me permite determinar se o HTML foi escrito à mão ou gerado. isso é uma boa ideia?

Qual é a diferença entre os dois? Sei que ambos funcionam e são suportados por todos os navegadores modernos, mas existe uma diferença real em que um é realmente melhor que o outro em situações diferentes?

A organização w3 disse :

Por padrão, o SGML exige que todos os valores de atributo sejam delimitados usando aspas duplas (ASCII decimal 34) ou aspas simples (ASCII decimal 39). As aspas simples podem ser incluídas no valor do atributo quando o valor é delimitado por aspas duplas e vice-versa. Os autores também podem usar referências de caracteres numéricos para representar aspas duplas ( ") e aspas simples ( '). Para aspas duplas, os autores também podem usar a referência de entidade de caracteres ".

Então ... parece não haver diferença. Depende apenas do seu estilo.

Uso "como camada superior e 'segunda, como imagino que a maioria das pessoas faz. Por exemplo

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

Nesse exemplo, você deve usar os dois, é inevitável.

Convenções de cotação para desenvolvedores da Web

A resposta curta

No HTML, o uso de aspas simples (') e aspas duplas (") é intercambiável, não há diferença.

Mas a consistência é recomendada, portanto, devemos escolher uma convenção de sintaxe e usá-la regularmente.

A resposta longa

Desenvolvimento Web geralmente consiste em muitas linguagens de programação. HTML, JS, CSS, PHP, ASP, RoR, Python, ect. Por esse motivo, temos muitas convenções de sintaxe para diferentes linguagens de programação. Muitas vezes, habbits de um idioma nos seguem para outros idiomas, mesmo que não seja considerado "adequado", isto é, convenções de comentários. As convenções de citação também se enquadram nessa categoria para mim.

Mas eu costumo usar HTML em conjunto com o PHP. E no PHP há uma grande diferença entre aspas simples e aspas duplas. No PHP com aspas duplas "você pode inserir variáveis ​​diretamente no texto da string". (scriptingok.com) E ao usar aspas simples "o texto aparece como está". (scriptingok.com)

PHP leva mais tempo para processar seqüências de caracteres duplas . Como o analisador PHP precisa ler toda a string com antecedência para detectar qualquer variável interna - e concatená-la - leva mais tempo para processar do que uma única string entre aspas. (scriptingok.com)

Aspas simples são mais fáceis no servidor . Como o PHP não precisa ler toda a string com antecedência, o servidor pode trabalhar mais rápido e mais feliz. (scriptingok.com)

Outras coisas a considerar

1. Frequência de aspas duplas na string. Acho que preciso usar aspas duplas (") nas minhas strings com mais frequência do que preciso usar aspas simples (') nas strings. Para reduzir o número de escapes de caracteres necessários, prefiro delimitadores de aspas simples.
2. É mais fácil fazer uma única cotação. Isso é bastante autoexplicativo, mas para esclarecer, por que pressionar a tecla SHIFT mais vezes do que você precisa?

Minha convenção

Com esse entendimento do PHP, estabeleci a convenção (para mim e para o resto da minha empresa) de que as strings devem ser representadas como aspas simples por padrão para otimização do servidor. As aspas duplas são usadas na cadeia se forem necessárias aspas, como JavaScript em um atributo, por exemplo:

<button onClick='func("param");'>Press Me</button>

Obviamente, se estamos no PHP e queremos que o analisador manipule variáveis ​​PHP dentro da string, devemos usar intencionalmente aspas duplas. $a='Awesome'; $b = "Not $a";

Fontes

Aspas simples vs Aspas duplas em PHP. (sd). Recuperado em 26 de novembro de 2014, em http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Se for o mesmo, talvez seja melhor usar aspas simples, pois não exige a tecla Shift pressionada. Menos pressionamentos de tecla == menos chance de RSI.

Em HTML, não acredito que seja importante usar "ou ', mas deve ser usado de forma consistente em todo o documento.

Meu próprio uso prefere o uso de atributos / html ", enquanto todo o javascript usa '.

Isso facilita um pouco a leitura e a verificação para mim. Se o seu uso faz mais sentido para você do que o meu, não há necessidade de mudança. Mas, para mim, o código seria sentir confuso. É pessoal é tudo.

Na verdade, o melhor caminho é o que o Google recomenda. Aspas duplas: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Consulte https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity Assessoria citada pelo Google: "O uso de HTML válido é um atributo de qualidade de linha de base mensurável que contribui para o aprendizado sobre requisitos e restrições técnicas e garante a uso adequado de HTML ".

Sei que MUITAS pessoas não concordariam, mas é isso que faço e gosto muito desse estilo de codificação: na verdade, não uso nenhuma citação em HTML, a menos que seja absolutamente necessário.

Exemplo:

<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>
...

Aspas duplas são usadas apenas quando há espaços nos valores do atributo ou o que for:

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

Usando aspas duplas para HTML

ie

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

Usando aspas simples para JavaScript

ie

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

Eu tive um problema ao usar o Bootstrap, onde o uso de aspas duplas importava versus o uso de aspas simples (o que não funcionou). class = 'row-fluid' deu-me problemas para que o último período caísse abaixo dos outros vãos, em vez de ficar bem ao lado na extrema direita, enquanto class = "row-fluid" funcionou.

se você estiver escrevendo asp.net, ocasionalmente, precisará usar aspas duplas nas instruções Eval e aspas simples para delimitar os valores - principalmente para que o código inline C # saiba que está usando uma string no contêiner eval, em vez de um caractere. Pessoalmente, eu usaria apenas um ou outro como padrão e não os misturava, parece uma bagunça.

Usando "em vez de" quando:

<input value="user"/> //Standard html
<input value="user's choice"/> //Need to use single quote
<input onclick="alert('hi')"/> //When giving string as parameter for javascript function

Usando 'em vez de "quando:

<input value='"User"'/> //Need to use double quote
var html = "<input name='username'/>" //When assigning html content to a javascript variable

Não faz diferença para o html, mas se você estiver gerando html dinamicamente com outra linguagem de programação, uma maneira poderá ser mais fácil que a outra.

Por exemplo, em Java, as aspas duplas são usadas para indicar o início e o fim de uma String, portanto, se você deseja incluir uma aspas duplas na String, é necessário escapá-la com uma barra invertida.

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

Você não tem esse problema com as aspas simples, portanto, o uso das aspas simples cria um código mais legível em Java.

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

Especialmente se você precisar escrever elementos html com muitos atributos (note que geralmente uso uma biblioteca como jhtml para escrever html em Java, mas nem sempre é prático fazê-lo)

Sou novato aqui, mas só uso aspas simples quando uso aspas duplas dentro da primeira. Se não estiver claro, mostro-lhe um exemplo:

<p align="center" title='One quote mark at the beginning so now I can
"cite".'> ... </p>

Espero ter ajudado.

No PHP, o uso de aspas duplas causa uma ligeira diminuição no desempenho, porque os nomes das variáveis ​​são avaliados; portanto, na prática, eu sempre uso aspas simples ao escrever o código:

echo "This will print you the value of $this_variable!";
echo 'This will literally say $this_variable with no evaluation.';

Então você pode escrever isso;

echo 'This will show ' . $this_variable . '!';

Acredito que o Javascript funcione da mesma forma, portanto, uma pequena melhoria no desempenho, se isso for importante para você.

Além disso, se você olhar até a especificação 2.0 do HTML, todas as tags listadas aqui;

Referência DTD HTML W3

(Use aspas duplas.) A consistência é importante, não importa qual você tenda a usar com mais frequência.

Aspas duplas são usadas para strings (ou seja, "esta é uma string") e as aspas simples são usadas para um caractere (ou seja, 'a', 'b' ou 'c'). Dependendo da linguagem de programação e do contexto, você pode usar aspas duplas para um caractere, mas não aspas simples para uma string.

O HTML não se importa com qual deles você usa. No entanto, se você estiver escrevendo HTML dentro de um script PHP, deve usar aspas duplas, pois será necessário escapá-las (por exemplo, "o que for") para evitar confundir você e o PHP.