J'ai toujours utilisé des guillemets simples lors de l'écriture de mon HTML à la main. Je travaille avec beaucoup de HTML rendu qui utilise toujours des guillemets doubles. Cela me permet de déterminer si le HTML a été écrit à la main ou généré. Est-ce une bonne idée?

Quelle est la différence entre les deux? Je sais qu'ils fonctionnent tous les deux et sont pris en charge par tous les navigateurs modernes, mais y a-t-il une vraie différence où l'un est réellement meilleur que l'autre dans des situations différentes?

L'organisation W3 a déclaré :

Par défaut, SGML requiert que toutes les valeurs d'attribut soient délimitées à l'aide de guillemets doubles (ASCII décimal 34) ou de guillemets simples (ASCII décimal 39). Des guillemets simples peuvent être inclus dans la valeur d'attribut lorsque la valeur est délimitée par des guillemets doubles, et vice versa. Les auteurs peuvent également utiliser des références de caractères numériques pour représenter les guillemets doubles ( ") et les guillemets simples ( '). Pour les guillemets doubles, les auteurs peuvent également utiliser la référence d'entité de caractère ".

Donc ... ne semble pas faire de différence. Ne dépend que de votre style.

J'utilise "comme niveau supérieur et 'comme deuxième niveau, comme j'imagine que la plupart des gens le font. Par exemple

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

Dans cet exemple, vous devez utiliser les deux, c'est inévitable.

Conventions de citation pour les développeurs Web

La réponse courte

En HTML, l'utilisation de guillemets simples (') et de guillemets doubles (") sont interchangeables, il n'y a pas de différence.

Mais la cohérence est recommandée, nous devons donc choisir une convention de syntaxe et l'utiliser régulièrement.

La réponse longue

Le développement Web comprend souvent de nombreux langages de programmation. HTML, JS, CSS, PHP, ASP, RoR, Python, etc. Pour cette raison, nous avons de nombreuses conventions de syntaxe pour différents langages de programmation. Souvent, les habbits d'une langue nous suivront dans d'autres langues, même si cela n'est pas considéré comme «approprié», c'est-à-dire des conventions de commentaires. Les conventions de citation tombent également dans cette catégorie pour moi.

Mais j'ai tendance à utiliser HTML étroitement en conjonction avec PHP. Et en PHP, il y a une différence majeure entre les guillemets simples et les guillemets doubles. En PHP avec guillemets doubles "vous pouvez insérer des variables directement dans le texte de la chaîne". (scriptingok.com) Et lorsque vous utilisez des guillemets simples, "le texte apparaît tel quel". (scriptingok.com)

PHP prend plus de temps pour traiter les chaînes entre guillemets doubles . Étant donné que l'analyseur PHP doit lire la chaîne entière à l'avance pour détecter toute variable à l'intérieur - et la concaténer - le traitement prend plus de temps qu'une seule chaîne entre guillemets. (scriptingok.com)

Les devis simples sont plus faciles sur le serveur . Comme PHP n'a pas besoin de lire la chaîne entière à l'avance, le serveur peut fonctionner plus rapidement et plus facilement. (scriptingok.com)

Autres choses à considérer

1. Fréquence des guillemets doubles dans la chaîne. Je trouve que je dois utiliser des guillemets doubles (") dans mes chaînes plus souvent que je n'ai besoin d'utiliser des guillemets simples (') dans les chaînes. Pour réduire le nombre d'échappements de caractères nécessaires, je privilégie les délimiteurs de guillemets simples.
2. Il est plus facile de faire un seul devis. Ceci est assez explicite, mais pour clarifier, pourquoi appuyer sur la touche MAJ plus de fois que nécessaire.

Ma convention

Avec cette compréhension de PHP, j'ai établi la convention (pour moi et le reste de mon entreprise) que les chaînes doivent être représentées par guillemets simples par défaut pour l'optimisation du serveur. Des guillemets doubles sont utilisés dans la chaîne si des guillemets sont requis tels que JavaScript dans un attribut, par exemple:

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

Bien sûr, si nous sommes en PHP et que l'analyseur gère les variables PHP dans la chaîne, nous devons intentionnellement utiliser des guillemets doubles. $a='Awesome'; $b = "Not $a";

Sources

Citations simples vs guillemets doubles en PHP. (nd). Extrait le 26 novembre 2014 de http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Si c'est la même chose, il est peut-être préférable d'utiliser des guillemets simples car cela ne nécessite pas de maintenir la touche Maj enfoncée. Moins de frappes == moins de chances de RSI.

En HTML, je ne pense pas que ce soit important que vous utilisiez "ou ', mais il doit être utilisé de manière cohérente dans tout le document.

Ma propre utilisation préfère que les attributs / html utilisent ", alors que tout javascript utilise à la 'place.

Cela me permet de lire et de vérifier un peu plus facilement. Si votre utilisation a plus de sens pour vous que la mienne, il n'y a pas lieu de changer. Mais, pour moi, votre code se sentirait en désordre. C'est personnel, c'est tout.

En fait, la meilleure façon est celle que Google recommande. Citations doubles: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

Voir https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity. Conseils de Google: "L'utilisation de code HTML valide est un attribut de qualité de référence mesurable qui contribue à l'apprentissage des exigences et contraintes techniques, et qui garantit utilisation correcte du HTML. "

Je sais que beaucoup de gens ne seraient pas d'accord, mais c'est ce que je fais et j'aime vraiment un tel style de codage: en fait, je n'utilise aucune citation en HTML, sauf si c'est absolument nécessaire.

Exemple:

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

Les guillemets doubles sont utilisés uniquement lorsqu'il y a des espaces dans les valeurs d'attribut ou autre:

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

Utilisation de guillemets doubles pour HTML

c'est à dire

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

Utilisation de guillemets simples pour JavaScript

c'est à dire

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

J'ai eu un problème avec Bootstrap où l'utilisation de guillemets doubles importait par rapport à l'utilisation de guillemets simples (qui ne fonctionnait pas). class = 'row-fluid' m'a donné des problèmes pour que la dernière travée tombe en dessous des autres travées plutôt que de s'asseoir bien à côté à l'extrême droite, alors que class = "row-fluid" fonctionnait.

si vous écrivez asp.net, vous devez parfois utiliser des guillemets doubles dans les instructions Eval et des guillemets simples pour délimiter les valeurs - c'est principalement pour que le code en ligne C # sache qu'il utilise une chaîne dans le conteneur eval plutôt qu'un caractère. Personnellement, je n'utiliserais que l'un ou l'autre comme standard et ne les mélangerais pas, cela semble désordonné, c'est tout.

Utiliser "au lieu de" lorsque:

<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

Utiliser 'au lieu de "lorsque:

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

Cela ne fait aucune différence pour le HTML, mais si vous générez du HTML de manière dynamique avec un autre langage de programmation, une méthode peut être plus facile qu'une autre.

Par exemple, en Java, le guillemet double est utilisé pour indiquer le début et la fin d'une chaîne, donc si vous souhaitez inclure un guillemet double dans la chaîne, vous devez l'échapper avec une barre oblique inverse.

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

Vous n'avez pas un tel problème avec le guillemet simple, donc l'utilisation du guillemet simple rend le code plus lisible en Java.

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

Surtout si vous devez écrire des éléments html avec de nombreux attributs (notez que j'utilise généralement une bibliothèque telle que jhtml pour écrire du html en Java, mais pas toujours pratique pour le faire)

Je suis novice ici, mais j'utilise un guillemet simple uniquement lorsque j'utilise un guillemet double dans le premier. Si je ne suis pas clair, je vous montre l'exemple:

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

J'espère avoir aidé.

En PHP, l'utilisation de guillemets doubles entraîne une légère diminution des performances car les noms de variables sont évalués, donc dans la pratique, j'utilise toujours des guillemets simples lors de l'écriture de code:

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

Vous pouvez donc écrire ceci à la place;

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

Je crois que Javascript fonctionne de la même manière, donc une très petite amélioration des performances, si cela vous importe.

De plus, si vous regardez tout le long de la spécification HTML 2.0, toutes les balises répertoriées ici;

Référence DTD HTML W3

(Utilisez des guillemets doubles.) La cohérence est importante, peu importe ce que vous avez tendance à utiliser plus souvent.

Les guillemets doubles sont utilisés pour les chaînes (c'est-à-dire "c'est une chaîne") et les guillemets simples sont utilisés pour un caractère (c'est-à-dire 'a', 'b' ou 'c'). Selon le langage de programmation et le contexte, vous pouvez vous en sortir en utilisant des guillemets doubles pour un caractère mais pas des guillemets simples pour une chaîne.

HTML ne se soucie pas de celui que vous utilisez. Cependant, si vous écrivez du HTML dans un script PHP, vous devez vous en tenir à des guillemets doubles car vous devrez les échapper (c'est-à-dire \ "quoi que ce soit") pour éviter de vous confondre avec PHP.