Ho sempre usato virgolette singole quando scrivevo il mio HTML a mano. Lavoro con molto HTML renderizzato che usa sempre doppie virgolette. Questo mi permette di determinare se l'HTML è stato scritto a mano o generato. E 'questa una buona idea?

Qual è la differenza tra i due? So che funzionano entrambi e sono supportati da tutti i browser moderni, ma c'è davvero una differenza in cui uno è effettivamente migliore dell'altro in situazioni diverse?

L'org w3 ha detto :

Per impostazione predefinita, SGML richiede che tutti i valori degli attributi siano delimitati utilizzando virgolette doppie (ASCII decimale 34) o virgolette singole (ASCII decimale 39). Le virgolette singole possono essere incluse nel valore dell'attributo quando il valore è delimitato da virgolette doppie e viceversa. Gli autori possono anche utilizzare riferimenti a caratteri numerici per rappresentare virgolette doppie ( ") e virgolette singole ( '). Per le virgolette doppie gli autori possono anche usare il riferimento all'entità carattere ".

Quindi ... sembra non fare differenza. Dipende solo dal tuo stile.

Uso "come primo livello e 'come secondo livello, come immagino la maggior parte delle persone. Per esempio

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

In questo esempio, è necessario utilizzare entrambi, è inevitabile.

Convenzioni di quotazione per sviluppatori Web

La risposta breve

In HTML l'uso di virgolette singole (') e doppie (") sono intercambiabili, non c'è differenza.

Ma è raccomandata la coerenza, quindi dobbiamo scegliere una convenzione di sintassi e usarla regolarmente.

La lunga risposta

Lo sviluppo Web spesso consiste in molti linguaggi di programmazione. HTML, JS, CSS, PHP, ASP, RoR, Python, ect. Per questo motivo abbiamo molte convenzioni di sintassi per diversi linguaggi di programmazione. Spesso gli habbit di una lingua ci seguiranno in altre lingue, anche se non è considerato "corretto", vale a dire le convenzioni di commento. Anche le convenzioni di citazione rientrano in questa categoria per me.

Ma tendo a usare l'HTML in stretta collaborazione con PHP. E in PHP c'è una grande differenza tra virgolette singole e doppie. In PHP con virgolette doppie "puoi inserire le variabili direttamente nel testo della stringa". (scriptingok.com) E quando si usano virgolette singole "il testo appare così com'è". (scriptingok.com)

PHP impiega più tempo per elaborare stringhe tra virgolette doppie . Poiché il parser PHP deve leggere l'intera stringa in anticipo per rilevare qualsiasi variabile all'interno e concatenarla, l'elaborazione richiede più tempo rispetto a una singola stringa tra virgolette. (scriptingok.com)

Le virgolette singole sono più facili sul server . Poiché PHP non ha bisogno di leggere l'intera stringa in anticipo, il server può funzionare più velocemente e più felice. (scriptingok.com)

Altre cose da considerare

1. Frequenza delle virgolette doppie all'interno della stringa. Trovo che devo usare le virgolette doppie (") all'interno delle mie stringhe più spesso di quanto sia necessario usare le virgolette singole (') all'interno delle stringhe. Per ridurre il numero di escape di caratteri necessari, preferisco i delimitatori a virgoletta singola.
2. È più facile fare una singola citazione. Questo è abbastanza autoesplicativo, ma per chiarire, perché premere il tasto MAIUSC più volte di quanto è necessario.

La mia convenzione

Con questa comprensione di PHP ho stabilito la convenzione (per me e per il resto della mia azienda) che le stringhe devono essere rappresentate come virgolette singole per impostazione predefinita per l'ottimizzazione del server. Le virgolette doppie vengono utilizzate all'interno della stringa se sono richieste virgolette come JavaScript all'interno di un attributo, ad esempio:

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

Naturalmente se siamo in PHP e vogliamo che il parser gestisca le variabili PHP all'interno della stringa, dovremmo usare intenzionalmente virgolette doppie. $a='Awesome'; $b = "Not $a";

fonti

Virgolette singole vs virgolette doppie in PHP. (nd). Estratto il 26 novembre 2014 da http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Se è lo stesso, forse è meglio usare le virgolette singole poiché non richiede di tenere premuto il tasto Maiusc. Meno tasti == meno possibilità di RSI.

In HTML non credo sia importante se lo usi "o ', ma dovrebbe essere usato in modo coerente in tutto il documento.

Il mio uso preferisce l'utilizzo di attributi / html ", mentre 'invece utilizza tutto javascript .

Questo rende leggermente più facile, per me, leggere e controllare. Se il tuo uso ha più senso per te del mio, non c'è bisogno di cambiare. Ma, per me, il codice sarebbe sentire disordinato. È tutto personale.

In realtà, il modo migliore è il modo in cui Google consiglia. Virgolette doppie: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Vedi https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity Suggerimenti citati da Google: "L'uso di HTML valido è un attributo misurabile della qualità di base che contribuisce all'apprendimento di requisiti tecnici e vincoli e che garantisce corretto utilizzo dell'HTML ".

So che MOLTE persone non sarebbero d'accordo, ma questo è quello che faccio e mi piace molto un tale stile di codifica: in realtà non uso alcuna citazione in HTML a meno che non sia assolutamente necessario.

Esempio:

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

Le virgolette doppie vengono utilizzate solo quando ci sono spazi nei valori degli attributi o altro:

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

Utilizzo di virgolette doppie per HTML

vale a dire

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

Utilizzo di virgolette singole per JavaScript

vale a dire

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

Ho avuto un problema con Bootstrap in cui l'uso delle virgolette doppie era importante rispetto all'utilizzo della virgoletta singola (che non funzionava). class = 'row-fluid' mi ha dato problemi che causavano la caduta dell'ultimo span al di sotto degli altri span piuttosto che stare bene accanto all'estrema destra, mentre class = "row-fluid" ha funzionato.

se stai scrivendo asp.net, di tanto in tanto devi usare le virgolette doppie nelle istruzioni Eval e le virgolette singole per delimitare i valori - questo principalmente perché il codice inline C # sappia che sta usando una stringa nel contenitore eval piuttosto che un carattere. Personalmente userei solo l'uno o l'altro come standard e non li mescolerei, sembra disordinato, tutto qui.

Utilizzando "anziché" 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 'invece di "quando:

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

Non fa alcuna differenza per l'html, ma se si genera HTML in modo dinamico con un altro linguaggio di programmazione, un modo potrebbe essere più semplice di un altro.

Ad esempio in Java la virgoletta doppia viene utilizzata per indicare l'inizio e la fine di una stringa, quindi se si desidera includere una doppia virgola all'interno della stringa, è necessario evitarlo con una barra rovesciata.

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

Non hai un problema del genere con la virgoletta singola, quindi l'uso della virgoletta singola rende il codice più leggibile in Java.

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

Soprattutto se devi scrivere elementi html con molti attributi (Nota di solito uso una libreria come jhtml per scrivere html in Java, ma non sempre pratico per farlo)

Sono un novizio qui, ma uso virgolette singole solo quando uso la virgoletta doppia all'interno della prima. Se non sono chiaro, vi mostro un esempio:

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

Spero di aver aiutato.

In PHP l'uso di virgolette doppie causa una leggera diminuzione delle prestazioni perché vengono valutati i nomi delle variabili, quindi in pratica, uso sempre virgolette singole quando scrivo codice:

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

Quindi puoi scrivere questo;

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

Credo che Javascript funzioni allo stesso modo, quindi un piccolissimo miglioramento delle prestazioni, se questo è importante per te.

Inoltre, se guardi fino in fondo alla specifica HTML 2.0, tutti i tag elencati qui;

Riferimento DTD HTML W3

(Usa virgolette doppie.) La coerenza è importante, indipendentemente dal fatto che tendi a usarla più spesso.

Le virgolette doppie vengono utilizzate per le stringhe (ovvero "questa è una stringa") e le virgolette singole vengono utilizzate per un carattere (ovvero, "a", "b" o "c"). A seconda del linguaggio di programmazione e del contesto, è possibile evitare l'uso di virgolette doppie per un carattere ma non virgolette singole per una stringa.

All'HTML non importa quale usi. Tuttavia, se stai scrivendo HTML all'interno di uno script PHP, dovresti attenersi alle doppie virgolette poiché dovrai sfuggirle (ad esempio, "qualunque cosa") per evitare di confondere te stesso e PHP.