Я завжди використовував одинарні лапки, коли писав свій HTML вручну. Я працюю з великою кількістю виведеного HTML, який завжди використовує подвійні лапки. Це дозволяє мені визначити, чи написаний HTML вручну чи створений. Це гарна ідея?

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

W3 org сказав :

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

Отже ... начебто немає різниці. Тільки залежить від вашого стилю.

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

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

У цьому прикладі ви повинні використовувати обидва, це неминуче.

Цитування умов для веб-розробників

Короткий відповідь

У HTML використання одиничних лапок (') та подвійних лапок (") взаємозамінні, різниці немає.

Але послідовність рекомендується, тому ми мусимо вибрати синтаксичну умову і регулярно її використовувати.

Довга відповідь

Веб-розробка часто складається з багатьох мов програмування. HTML, JS, CSS, PHP, ASP, RoR, Python, ect. Через це у нас є багато синтаксичних умов для різних мов програмування. Часто звички з однієї мови наслідують нас до інших мов, навіть якщо це не вважається "належним", тобто умовами коментування. Цитування конвенцій також підпадає під цю категорію для мене.

Але я, як правило, використовую 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 Цитовані поради від 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-fluid' викликав у мене проблеми, через які останній проміжок опускався нижче інших прольотів, а не сидів красиво поруч праворуч, тоді як 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 Reference

(Використовуйте подвійні цитати.) Консистенція важлива незалежно від того, яку ви схильні використовувати частіше.

Подвійні лапки використовуються для рядків (тобто "це рядок"), а одиночні лапки використовуються для символу (тобто "a", "b" або "c"). Залежно від мови програмування та контексту, ви можете піти з використання подвійних лапок для символу, але не одиничних лапок для рядка.

HTML не важливо, яким саме ви користуєтесь. Однак, якщо ви пишете HTML всередині сценарію PHP, вам слід дотримуватися подвійних лапок, оскільки вам потрібно буде уникати їх (тобто \ "що \"), щоб не плутати себе та PHP.