Tobishua
@Tobishua
Founder of Improvy

Спор по правильному синтаксису html

Здравствуйте, у меня с одним товарищем возник спор, как правильно оформлять html-код.

Он предлагает:
<a href = "http://example.com" target = "_blank">


Я предлагаю:
<a href="http://example.com" target="_blank">


То есть, как видно наш спор из-за пробелов. А как считаете вы, какой вариант более правилен и удобен для восприятия?

UPD. Даже подсветка синтаксиса на Хабре не способна правильно переварить его вариант.
  • Вопрос задан
  • 2463 просмотра
Пригласить эксперта
Ответы на вопрос 9
avalak
@avalak
HTML Living Standard — Last Updated 15 May 2012
12.1.2.3 Attributes
The attribute name, followed by zero or more space characters, followed by a single U+003D EQUALS SIGN character, followed by zero or more space characters, followed by a single U+0022 QUOTATION MARK character ("), followed by the attribute value, which, in addition to the requirements given above for attribute values, must not contain any literal U+0022 QUOTATION MARK characters ("), and finally followed by a second single U+0022 QUOTATION MARK character (").

Оба варианта формально верные, но второй является стандартом «де-факто».
Ответ написан
vermilion1
@vermilion1
Конечно же второй
Ответ написан
Комментировать
philpirj
@philpirj
Более удобны для восприятия (в порядке убывания):

Slim:
a href="http://example.com" target="_blank"

HAML:
%a(href="http://example.com" target="_blank")

HTML:
<a href=http://example.com target=_blank>

да, можно и без кавычек.
Ответ написан
Комментировать
titulusdesiderio
@titulusdesiderio
IT-специалист
<a href=//example.com target=_blank>
Ответ написан
1)
a href = "http://example.com" target = "_blank" style = "display: none;" accesskey = "x" name = "name" id = "id" class = "class" rel = "nofollow" tabindex = "2" title = "это просто белеберда" type = "video/mp4"

2)
a href="http://example.com" target="_blank" style="display: none;" accesskey="x" name="name" id="id" class="class" rel="nofollow" tabindex="2" title="это просто белеберда" type="video/mp4"

3)
a href="http://example.com" target="_blank" style="display: none;" accesskey="x" name="name" id="id" class="class" rel="nofollow" tabindex="2" title="это просто белеберда" type="video/mp4"


Что более читаемо помоему наглядно видно

Простите за спам пожалуйста. Чет туплю со вставкой html кода =(
Ответ написан
@Chii
Моих копеек: лучше без пробелов, а кому читать не удобно — пусть использует шрифт, в котором у знака равенства здоровенные отступы по краям.
Ответ написан
Комментировать
alekciy
@alekciy
Вёбных дел мастер
Первый вариант плох тем, что и = отбивается с обеих сторон пробелами, при этом один пробел используется для разделения атрибут-значение. Т.е. при таком варианте у нас не получается визуально группировать атрибут-значение.
Ответ написан
Комментировать
второй вариант намного более сокращенный, более читаемый. Тем более такой синтаксис как у первого варианта, не всегда IDE нормально подсвечивают.

Давайте специально чуточку усложним условие, для определения на глаз, что же лучше

1)

2)

А еще лучше (но не де-факто)



Плохо, когда один и тот же знак, служит для разделения пар (значение&свойство) так и как составной символ разделения этих самых значения и свойства.
Ответ написан
Комментировать
сорри забыл в теги засунуть. =(
1)
2)


3)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы