Siempre he usado comillas simples al escribir mi HTML a mano. Trabajo con una gran cantidad de HTML renderizado que siempre usa comillas dobles. Esto me permite determinar si el HTML fue escrito a mano o generado. ¿Es esta una buena idea?

¿Cuál es la diferencia entre los dos? Sé que ambos funcionan y son compatibles con todos los navegadores modernos, pero ¿hay alguna diferencia real en que uno sea realmente mejor que el otro en diferentes situaciones?

La organización w3 dijo :

De manera predeterminada, SGML requiere que todos los valores de los atributos se delimiten utilizando comillas dobles (ASCII decimal 34) o comillas simples (ASCII decimal 39). Las comillas simples se pueden incluir dentro del valor del atributo cuando el valor está delimitado por comillas dobles, y viceversa. Los autores también pueden usar referencias de caracteres numéricos para representar comillas dobles ( ") y comillas simples ( '). Para las comillas dobles, los autores también pueden usar la referencia de entidad de caracteres ".

Entonces ... parece no haber diferencia. Solo depende de tu estilo.

Lo uso "como un nivel superior y 'como un segundo nivel, como imagino que la mayoría de la gente lo hace. Por ejemplo

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

En ese ejemplo, debe usar ambos, es inevitable.

Convenciones de citas para desarrolladores web

La respuesta corta

En HTML, el uso de comillas simples (') y comillas dobles (") son intercambiables, no hay diferencia.

Pero se recomienda la coherencia, por lo tanto, debemos elegir una convención de sintaxis y usarla regularmente.

La larga respuesta

El desarrollo web a menudo consta de muchos lenguajes de programación. HTML, JS, CSS, PHP, ASP, RoR, Python, ect. Debido a esto, tenemos muchas convenciones de sintaxis para diferentes lenguajes de programación. A menudo, los hábitos de un idioma nos seguirán a otros idiomas, incluso si no se considera "apropiado", es decir, comentar convenciones. Citar convenciones también entra en esta categoría para mí.

Pero tiendo a usar HTML estrictamente junto con PHP. Y en PHP hay una gran diferencia entre comillas simples y comillas dobles. En PHP con comillas dobles "puede insertar variables directamente dentro del texto de la cadena". (scriptingok.com) Y cuando se usan comillas simples "el texto aparece tal como está". (scriptingok.com)

PHP tarda más en procesar cadenas dobles entre comillas . Dado que el analizador PHP tiene que leer toda la cadena de antemano para detectar cualquier variable dentro, y concatenarla, lleva más tiempo procesarla que una sola cadena entre comillas. (scriptingok.com)

Las comillas simples son más fáciles en el servidor . Como PHP no necesita leer la cadena completa por adelantado, el servidor puede funcionar más rápido y más feliz. (scriptingok.com)

Otras cosas a considerar

1. Frecuencia de comillas dobles dentro de la cadena. Me parece que necesito usar comillas dobles (") dentro de mis cadenas más de lo que necesito usar comillas simples (') dentro de las cadenas. Para reducir el número de escapes de caracteres necesarios, prefiero los delimitadores de comillas simples.
2. Es más fácil hacer una cita simple. Esto se explica por sí mismo, pero para aclarar, ¿por qué presionar la tecla MAYÚS más veces de lo necesario?

Mi convención

Con esta comprensión de PHP, he establecido la convención (para mí y para el resto de mi empresa) de que las cadenas deben representarse como comillas simples de forma predeterminada para la optimización del servidor. Las comillas dobles se usan dentro de la cadena si se requieren comillas como JavaScript dentro de un atributo, por ejemplo:

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

Por supuesto, si estamos en PHP y queremos que el analizador maneje variables PHP dentro de la cadena, deberíamos usar comillas dobles intencionalmente. $a='Awesome'; $b = "Not $a";

Fuentes

Comillas simples vs comillas dobles en PHP. (Dakota del Norte). Recuperado el 26 de noviembre de 2014, de http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Si todo es lo mismo, quizás sea mejor usar comillas simples, ya que no requiere mantener presionada la tecla Mayús. Menos pulsaciones de teclas == menos posibilidades de RSI.

En HTML, no creo que importe si usa "o ', pero debe usarse de manera consistente en todo el documento.

Mi propio uso prefiere los atributos / html ", mientras que todos los javascript los usan '.

Esto hace que sea un poco más fácil, para mí, leer y verificar. Si su uso tiene más sentido para usted que el mío, no hay necesidad de cambio. Pero, para mí, su código se sentiría desordenado. Es personal es todo.

En realidad, la mejor manera es la que recomienda Google. Comillas dobles: 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 Consejo citado de Google: "El uso de HTML válido es un atributo de calidad de referencia medible que contribuye al aprendizaje sobre los requisitos y restricciones técnicas, y eso garantiza uso adecuado de HTML ".

Sé que MUCHAS personas no estarían de acuerdo, pero esto es lo que hago y realmente disfruto de ese estilo de codificación: en realidad no uso ninguna cita en HTML a menos que sea absolutamente necesario.

Ejemplo:

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

Las comillas dobles se usan solo cuando hay espacios en los valores de los atributos o lo que sea:

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

Usar comillas dobles para HTML

es decir

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

Usar comillas simples para JavaScript

es decir

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

He tenido un problema al usar Bootstrap donde el uso de comillas dobles sí importaba en comparación con el uso de comillas simples (que no funcionó) class = 'row-fluid' me dio problemas al hacer que el último tramo cayera por debajo de los otros tramos en lugar de sentarse muy bien al lado a la derecha, mientras que class = "row-fluid" funcionó.

si está escribiendo asp.net, ocasionalmente debe usar comillas dobles en las declaraciones de Eval y comillas simples para delimitar los valores, esto es principalmente para que el código en línea de C # sepa que está usando una cadena en el contenedor de evaluación en lugar de un carácter. Personalmente, solo usaría uno u otro como estándar y no los mezclaría, parece desordenado, eso es todo.

Usando "en lugar de 'cuando:

<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 'en lugar de "cuando:

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

El html no hace ninguna diferencia, pero si está generando html dinámicamente con otro lenguaje de programación, entonces una forma puede ser más fácil que otra.

Por ejemplo, en Java, la comilla doble se usa para indicar el inicio y el final de una Cadena, por lo que si desea incluir una comilla doble dentro de la Cadena, debe escapar con una barra invertida.

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

No tiene ese problema con la comilla simple, por lo tanto, el uso de la comilla simple hace que el código sea más legible en Java.

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

Especialmente si tiene que escribir elementos html con muchos atributos (tenga en cuenta que generalmente uso una biblioteca como jhtml para escribir html en Java, pero no siempre es práctico hacerlo)

Soy novato aquí, pero uso comillas simples solo cuando uso comillas dobles dentro de la primera. Si no estoy claro, te muestro tu ejemplo:

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

Espero haberte ayudado.

En PHP, usar comillas dobles causa una ligera disminución en el rendimiento porque se evalúan los nombres de las variables, por lo que en la práctica, siempre uso comillas simples al escribir código:

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

Entonces puedes escribir esto en su lugar;

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

Creo que Javascript funciona de manera similar, por lo que una mejora muy pequeña en el rendimiento, si eso es importante para usted.

Además, si miras hasta la especificación HTML 2.0, todas las etiquetas enumeradas aquí;

W3 HTML DTD Referencia

(Use comillas dobles). La consistencia es importante sin importar cuál tiende a usar con más frecuencia.

Las comillas dobles se usan para cadenas (es decir, "esta es una cadena") y las comillas simples se usan para un carácter (es decir, 'a', 'b' o 'c'). Dependiendo del lenguaje de programación y el contexto, puede usar comillas dobles para un carácter pero no comillas simples para una cadena.

Al HTML no le importa cuál usas. Sin embargo, si está escribiendo HTML dentro de un script PHP, debe seguir las comillas dobles, ya que necesitará escapar de ellas (es decir, \ "lo que sea") para evitar confundirse con PHP.