Рекомендации по написанию HTML-кода начинающим web-разработчикам

[@vkharkov]

http://habrahabr.ru/blogs/webdev/101464/
http://habrahabr.ru/blogs/webdev/25680/

Книги и ссылки

Kit:
http://habrahabr.ru/blogs/webdev/80102/

А статья ни о чем, тем более для новичков.

[@Nikitascr]

Не смотрите на вещи «профессиональным взглядом». Вы говорите:«Делай так!», но никак это не аргументируете.
Любому начинающему web-программисту важно знать, почему надо делать именно так, и что будет, если сделать по другому.
И нету ни одного примера…

[@bigdogsru]

В описании класса, если у вас не применяется какое-то свойство, не нужно писать !important, чаще всего достаточно впереди дописать родительский селектор, и желательно — class, а не id.

Обоснуйте!
Поиск по id выполняется браузером значительно быстрее, чем по классам (хотя бы потому, что id один на странице, он уникален) а вы предлагаете мало того что прописать родительский селектор (что само по себе замедляет выборку браузером нужных элементов, т.к. сначала будут выбраны все родители, и только потом нужные дети, которые могут быть и не у всех родителей), да еще и предлагаете усложнить выборку браузеру.

[@ConstNW]

селекторы в css читаются справа налево.

[@bigdogsru]

Да это неважно совершенно, с какой стороны. Составной селектор обрабатывается браузером дольше, с какой стороны ни читай. Справа налево — еще дольше: сначала найдутся все элементы, удовлетворяющие последнему условию, а потом еще среди них — все с классом, указанным слева. Если же слева указан ID — выбираться будет один уникальный элемент.
Выборка всех классов производится дольше, чем выборка одного id. Поэтому с какой стороны ни читай — утверждения вида «лучше указывать класс, чем id» и «составной селектор лучше, чем правило !important» являются бредом.
Лучше то, что работает быстрее — при прочих равных.

[@Riateche]

Про расположение кнопок тоже весьма спорно. В gmail, например, кнопка «отправить» расположена левее остальных (в форме редактирования письма). Мне кажется, ваше правило не имеет права на жизнь.

[@ZaiSL]

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

[@DeusModus]

Html это не язык программирования, а язык разметки.
Web-раработчик, который не знает того, что вы написали — новичек верстальщик.
Код это asm, python etc.
А статья и правда.не о чем. Уж лучше бы ссылку на w3c написали, а то понаучиваются по таким гайдам вместо чтения спецификаций и вот уже профи-веб-разработчики.

[@night_amir]

Я новичок, но ничего ценно не выудил. :(

[@maximw]

Почему нельзя использовать тег br? Почему если мне нужен перенос строки, то я должен использовать абзац (p), блок (div) или заголовок (h)?

[@maximw]

«Справа должна быть наиболее вероятная для нажатия кнопка. (Например 1.Cancel 2.Ok), это не относится к выводу информации — впереди должно быть самое важное. Но поскольку пользователь проверяет все возможные действия, то не нужно заставлять его возвращаться назад, даже взглядом.»

Еще спорное утверждение.
Может лучше слева должна быть кнопка «по-умолчанию», пользователь видит ее первой и сразу понимает что именно это ему и надо, дальше читать вообще не будет.

А для парных кнопок типа ok/cancel, yes/no, submit/reset кнопка подтверждения должна быть слева, а отмены справа. Не знаю почему, но так оно есть в подавляющем большинстве интерфейсов. Для многих это уже привычка, так что даже читать что на кнопке написано. Встречал пару раз когда кнопки был перепутаны, хотелось руки оторвать дизайнеру этого интерфейса.