div - title html css

Comillas simples vs dobles(''vs ")

Question

Siempre he usado comillas simples al escribir mi HTML a mano. Trabajo con un montón 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 ¿existe una diferencia real en la que uno es mejor que el otro en situaciones diferentes?

Answer 1

Convenciones de cotización 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 consistencia, por lo tanto, debemos elegir una convención de sintaxis y usarla regularmente.

La respuesta larga

El desarrollo web a menudo consiste en 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 habbits de un idioma nos seguirán a otros idiomas, incluso si no se consideran "adecuados", es decir, a las convenciones de comentarios. Citar convenciones también entra en esta categoría para mí.

Pero tiendo a usar HTML estrechamente 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 como está". (scriptingok.com)

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

Las comillas simples son más fáciles en el servidor . Dado que PHP no necesita leer toda la cadena de antemano, 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. Creo que necesito usar comillas dobles (") dentro de mis cadenas más a menudo que las 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 sola cita. Esto se explica por sí mismo, pero para aclarar, ¿por qué presionar la tecla MAYÚS más veces de las que tiene que hacerlo?

Mi convencion

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 utilizan 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 las variables de 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). Consultado el 26 de noviembre de 2014, de http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Answer 2

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

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

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.

Answer 3

En PHP, las comillas dobles causan una ligera disminución en el rendimiento porque los nombres de las variables se evalúan, 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.'';

Así que 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 te importa.

Además, si observa 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 sea la tendencia que use con más frecuencia.

Answer 4

En realidad, la mejor manera es la forma en que Google recomienda. 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 Asesoramiento de Google: "El uso de HTML válido es un atributo de calidad de línea de base medible que contribuye a conocer los requisitos técnicos y las restricciones, y que garantiza uso correcto de HTML ".

Answer 5

He tenido un problema al usar Bootstrap, ya que el uso de comillas dobles era importante en comparación con el uso de comillas simples (que no funcionaron). class = ''row-fluid'' me dio problemas que causaron que el último tramo cayera por debajo de los otros spans en lugar de estar bien sentado al lado derecho, mientras que class = "row-fluid" funcionó

Answer 6

La organización w3 said :

De forma 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 comillas dobles, los autores también pueden usar la referencia de entidad de carácter " .

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

Answer 7

Las comillas dobles se usan para las cadenas (es decir, "esto 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, puedes usar comillas dobles para un personaje, pero no comillas simples para una cadena.

A HTML no le importa cuál uses. Sin embargo, si está escribiendo HTML dentro de un script PHP, debe seguir con comillas dobles ya que necesitará escapar de ellos (es decir, "lo que sea") para evitar confundirse con PHP y usted mismo.

Answer 8

No hace ninguna diferencia en el html, pero si está generando html dinámicamente con otro lenguaje de programación, 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 en la cadena, debe escapar de ella con una barra invertida.

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

No tiene tal 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 tienes que escribir elementos html con muchos atributos. (Nota, generalmente uso una biblioteca como jhtml para escribir html en Java, pero no siempre es práctico hacerlo)

Answer 9

Sé que MUCHAS personas no estarían de acuerdo, pero esto es lo que hago y realmente disfruto de este 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 atributo o lo que sea:

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

Answer 10

Si está escribiendo asp.net, en ocasiones tendrá que usar comillas dobles en las declaraciones de Eval y comillas simples para delimitar los valores; esto se debe principalmente a que el código en línea de C # sepa que está utilizando una cadena en el contenedor eval en lugar de un carácter. Personalmente, solo uso uno u otro como estándar y no los mezclo, se ve desordenado, eso es todo.

Answer 11

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

Answer 12

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

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

Espero haberte ayudado.

Answer 13

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

Answer 14

Usando comillas dobles para HTML

es decir

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

Usando comillas simples para JavaScript

es decir

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

Answer 15

Utilizo " como nivel superior y '' como segundo nivel, como me imagino que la mayoría de la gente hace. Por ejemplo

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

En ese ejemplo, debes usar ambos, es inevitable.