Какая разница между одинарной и двойной кавычки в верстке?

Question

[dastik]

Мне бы хотелось при верстке использовать только одинарные кавычки (class='logo') вместо двойных (class="logo"). И вообще исключить ее применение везде, и html, и в css. Чтобы лишний раз не нажимать shift+буква "э" (английская раскладка, естественно). Легче просто нажать на букву "э" (при английской раскладке) без всяких зажатых шифтов. Какие минусы и плюсы, или нет ни какой разницы?

Answer 1

[Евгений Петров]

И вообще исключить ее применение везде, и html, и в css

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

$('<div class="someclass">')

В JSON используются только двойные кавычки. Так что привыкайте, а не придумывайте ненужные правила.

Comments

[dastik]

Я и имел ввиду html и css, а не скриптовые языки. Где надо привыкнем.

[Евгений Петров]

@dastik следует учесть и общие предпочтения — приходится иногда и с чужим кодом работать. А большинство использует в HTML и CSS двойные.

[dastik]

@Petroveg вы например в HTML и CSS какую используете? Или пользуетесь программами типа emmet-zencoding?

[Евгений Петров]

@dastik перед использованием любых улучшений и надстроек я изучаю сам предмет. И привычка именно такая — в скриптах одинарные, в языках разметки двойные.

[dastik]

@Petroveg понятно

[Alexander Tartmin]

Я не советовал отходить от общепринятых правил =)
И вот почему

[dastik]

@baskerville42 мда, интересно)

Answer 2

[bromzh]

Заказчик может внезапно захотеть xhtml вместо html. А у тебя кавычки у атрибутов одинарные. Реплэйс может не спасти в таком случае. Да и если твой JS будет заточен под применение одинарных кавычек для генерирования элементов, то тоже придётся много переделывать и/или экранировать.
ИМХО, для атрибутов html лучше двойные, для языков программирования, где одинарные и двойные кавычки абсолютно идентичны, лучше брать одиночные. Тогда будет меньше коллизий и экранирования.

Comments

[dastik]

Получается в xhtml надо использовать двойные?

[bromzh]

@dastik
Можно и одинарные. Формат xml позволяет использовать оба типа (хотя я, если честно, думал, что только двойные). Но, на мой взгляд, одиночные кавычки редко экранируют, в отличие от двойных. А если ты занимаешься в основном вёрсткой, то не всегда можно изменить то, что приходит с сервера.
Например, есть поле с именем. Бывают имена с апострофом (Жанна Д'Арк) который вводят обычно одинарной кавычкой. А у тебя всё сделано одинарными. В случае html-доктайпа ты можешь просто поменять пару одинарных на пару двойных в тех тегах, в которых ты допускаешь попадания одинарной кавычки в атрибут при рендере шаблона (в данном случае, значение с кавычкой как раз будет в атрибуте value для тега input). Но xhtml намного более строгий формат. Нужно по всему документу использовать только один тип. Поэтому ты не сможешь изменить только одну пару кавычек, нужно менять все. И есть вероятность (если страница большая), что простой replace заменит одинарные кавычки и в ненужных тебе местах. Придётся долго сидеть и разбираться.
Плюс, в случае html, шаблон отрендерится почти в любом случае, только разметка будет коцанной. В случае xhtml возникнет либо ошибка на сервере, так как документ xml будет невалидный, либо браузер ничего не отобразит по той же причине невалидности xml.
С двойными будет меньше проблем, они обычно всегда экранируются.

В общем, если ты не можешь влиять на серверную часть. лучше не надейся на экранирование, пиши всё в двойных, даже если стоит html-доктайп. Так будет намного меньше проблем во многих местах.

[dastik]

@bromzh предельно ясно, спасибо Вам. Буду использовать двойные

[Евгений Петров]

Заказчик может внезапно захотеть xhtml вместо html

Захотеть xhtml внезапно?)) Покажите мне ресурс, на котором используется xhtml.

Нужно по всему документу использовать только один тип

Полная ерунда.

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

И это — ерунда.

3. Двойные кавычки точно так же могут встретиться в строке. С этой стороны нет разницы, какие кавычки использовать.

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

В каком месте они экранируются?

Answer 3

[vdem]

Я использую двойную кавычку для HTML, и одинарную для JavaScript и PHP. Часто позволяет избегать лишнего экранирования.

Answer 4

[Maksim Zverev]

W3C

By default, SGML requires that all attribute values be delimited using either double quotation marks (ASCII decimal 34) or single quotation marks (ASCII decimal 39). Single quote marks can be included within the attribute value when the value is delimited by double quote marks, and vice versa. Authors may also use numeric character references to represent double quotes (") and single quotes ('). For double quotes authors can also use the character entity reference ".