Я всегда использовал одинарные кавычки, когда писал свой HTML вручную. Я работаю с большим количеством визуализированных HTML, которые всегда используют двойные кавычки. Это позволяет мне определить, был ли HTML написан вручную или сгенерирован. Это хорошая идея?

Какая разница между двумя? Я знаю, что они оба работают и поддерживаются всеми современными браузерами, но есть ли реальная разница, когда один действительно лучше другого в разных ситуациях?

Организация w3 сказала :

По умолчанию SGML требует, чтобы все значения атрибутов были разделены с помощью двойных кавычек (десятичный ASCII 34) или одинарных кавычек (десятичный ASCII 39). Одинарные кавычки могут быть включены в значение атрибута, когда значение ограничено двойными кавычками, и наоборот. Авторы также могут использовать числовые ссылки на символы для представления двойных кавычек ( ") и одинарных кавычек ( '). Для двойных кавычек авторы также могут использовать ссылку на символьную сущность ".

Так что ... похоже нет разницы. Зависит только от вашего стиля.

Я использую "в качестве высшего и 'второго уровня, как я полагаю, большинство людей. Например

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

В этом примере вы должны использовать оба, это неизбежно.

Соглашения о цитировании для веб-разработчиков

Краткий ответ

В HTML использование одинарных кавычек (') и двойных кавычек (") взаимозаменяемо, различий нет.

Но согласованность рекомендуется, поэтому мы должны выбрать синтаксическое соглашение и использовать его регулярно.

Длинный ответ

Веб-разработка часто состоит из множества языков программирования. HTML, JS, CSS, PHP, ASP, RoR, Python и т. Д. Из-за этого у нас много синтаксических соглашений для разных языков программирования. Часто привычки с одного языка будут следовать за нами на другие языки, даже если это не считается «правильным», то есть комментируя соглашения. Соглашения о цитировании также попадают в эту категорию для меня.

Но я склонен использовать HTML тесно в сочетании с PHP. И в PHP есть большая разница между одинарными и двойными кавычками. В PHP с двойными кавычками «вы можете вставлять переменные непосредственно в текст строки». (scriptingok.com) А при использовании одинарных кавычек "текст отображается как есть". (scriptingok.com)

PHP занимает больше времени для обработки строк в двойных кавычках . Поскольку синтаксический анализатор PHP должен заранее прочитать всю строку, чтобы обнаружить любую переменную внутри и объединить ее, обработка занимает больше времени, чем строка в одинарных кавычках. (scriptingok.com)

Одиночные кавычки проще на сервере . Поскольку PHP не нужно читать всю строку заранее, сервер может работать быстрее и счастливее. (scriptingok.com)

Другие вещи, чтобы рассмотреть

1. Частота двойных кавычек в строке. Я считаю, что мне нужно использовать двойные кавычки (") в моих строках чаще, чем мне нужно использовать одинарные кавычки (') в строках. Чтобы уменьшить количество необходимых экранирований символов, я предпочитаю разделители одинарных кавычек.
2. Проще сделать одну цитату. Это довольно очевидно, но для выяснения, зачем нажимать клавишу SHIFT больше, чем нужно.

Моя конвенция

С этим пониманием PHP я установил соглашение (для себя и всей моей компании), что строки должны быть представлены в виде одинарных кавычек по умолчанию для оптимизации сервера. Двойные кавычки используются внутри строки, если требуются кавычки, такие как JavaScript в атрибуте, например:

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

Конечно, если мы находимся в PHP и хотим, чтобы синтаксический анализатор обрабатывал переменные PHP внутри строки, мы должны намеренно использовать двойные кавычки. $a='Awesome'; $b = "Not $a";

источники

Одинарные кавычки против двойных кавычек в PHP. (й). Получено 26 ноября 2014 г. с сайта http://www.scriptingok.com/tutorial/Single-quotes-vs-double-quotes-in-PHP

Если все одинаково, возможно, лучше использовать одинарные кавычки, поскольку для этого не требуется удерживать клавишу Shift. Меньше нажатий клавиш == меньше шансов RSI.

В HTML я не верю, имеет ли это значение, используете ли вы "или нет ', но его следует использовать последовательно во всем документе.

Мое собственное использование предпочитает использовать атрибуты / html ", тогда как все javascript используют 'вместо этого.

Для меня это немного облегчает чтение и проверку. Если ваше использование имеет больше смысла для вас, чем мое, нет необходимости в изменениях. Но, для меня, ваш код будет казаться грязным. Это личное это все.

На самом деле, лучший способ - это то, что рекомендует Google. Двойные кавычки: https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Quotation_Marks#HTML_Quotation_Marks

См. Https://google.github.io/styleguide/htmlcssguide.xml?showone=HTML_Validity#HTML_Validity Quoted Advice от Google: «Использование действительного HTML - это измеримый базовый атрибут качества, который помогает узнать о технических требованиях и ограничениях и обеспечивает правильное использование HTML. "

Я знаю, что многие люди не согласятся, но это то, чем я занимаюсь, и мне действительно нравится такой стиль кодирования: я фактически не использую цитаты в HTML, если это не является абсолютно необходимым.

Пример:

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

Двойные кавычки используются только тогда, когда в значениях атрибута есть пробелы или что-то еще:

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

Использование двойных кавычек для HTML

т.е.

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

Использование одинарных кавычек для JavaScript

т.е.

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

У меня была проблема с использованием Bootstrap, когда использование двойных кавычек имело значение по сравнению с использованием одинарных кавычек (которые не работали). class = 'row-liquid' вызвал у меня проблемы, из-за которых последний промежуток упал ниже других промежутков, а не сидел рядом с крайним правым краем, тогда как class = "row-Fluid" работал.

если вы пишете asp.net, то иногда вы должны использовать двойные кавычки в операторах Eval и одинарные кавычки для разграничения значений - это главным образом для того, чтобы встроенный код C # знал, что он использует строку в контейнере eval, а не символ. Лично я бы использовал один или другой в качестве стандарта и не смешивал их, это выглядит грязно, вот и все.

Использование «вместо», когда:

<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

Использование «вместо», когда:

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

Это не имеет значения для html, но если вы генерируете html динамически с другим языком программирования, то один путь может быть проще, чем другой.

Например, в Java двойная кавычка используется для обозначения начала и конца строки, поэтому, если вы хотите включить двойную кавычку в строку, вы должны экранировать ее обратной косой чертой.

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

У вас нет такой проблемы с одинарной кавычкой, поэтому использование одинарной кавычки делает код на Java более читабельным.

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

Особенно, если вам нужно писать html-элементы со многими атрибутами. (Обратите внимание, что я обычно использую библиотеку, такую ​​как jhtml, для написания html на Java, но это не всегда практично)

Я новичок здесь, но я использую одинарную кавычку только тогда, когда я использую двойную кавычку внутри первой. Если мне не ясно, я покажу вам пример:

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

Я надеюсь, что помог.

В PHP использование двойных кавычек приводит к небольшому снижению производительности, поскольку имена переменных оцениваются, поэтому на практике я всегда использую одинарные кавычки при написании кода:

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

Таким образом, вы можете написать это вместо этого;

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

Я считаю, что Javascript функционирует аналогично, поэтому очень небольшое улучшение производительности, если это важно для вас.

Кроме того, если вы посмотрите полностью на спецификацию HTML 2.0, все перечисленные здесь теги;

W3 HTML DTD Справочник

(Используйте двойные кавычки.) Согласованность важна вне зависимости от того, какой способ вы используете чаще.

Двойные кавычки используются для строк (т. Е. «Это строка»), а одинарные кавычки используются для символа (т. Е. «A», «b» или «c»). В зависимости от языка программирования и контекста вы можете использовать двойные кавычки для символа, но не одинарные для строки.

HTML не волнует, какой вы используете. Однако, если вы пишете HTML-код внутри сценария PHP, вам следует придерживаться двойных кавычек, поскольку вам нужно будет избегать их (то есть \ "что угодно \"), чтобы не перепутать себя и PHP.