KPI по верстке

Для повышения производительности html верстки веб-страниц, внутри студии веб-отдел введены следующие стандарты качества.

Общие моменты

1) Использование "reset.css". (Скачайте его, и используйте при верстке). Файлы стиля должны лежать в папке css, изображения в — images, скрипты в — scripts или js. Пример шаблона для верстки.

2) Мы верстаем tableless верстку, что означает минимальное использование таблиц, однако не убирает их полностью. Так например на резиновых сайтах вполне допустимо использование таблиц для некоторых элементов.

3) Помнить что IE понимает PADDING не так, как остальные.

4) Перед версткой элементов форм (input, textarea, select, button) уточнить их вид, использовать стандартные элементы браузера или делать их 1-в-1 как в дизайне.

5) Использовать классы .about а не идентификаторы #about, где это возможно. Другими словами не злоупотреблять использованием id.

6) Текст возле радиокнопки должен "нажимать" её.

Неправильно:
<input type="radio" name="email_details" value="text-only" />TEXT-Only

Правильно:
<label><input type="radio" name="email_details" value="html" />HTML</label>

7) Вывод контента в верстке последовательно, как на сайте при просмотре.

9) Комментирование логических блоков в css и html. Упростите работу тех кто будет работать далее с версткой.

Для верстальщика первого уровня

1) Всёвышеперечисленное

2) ВАЛИДНАЯ W3C xhtml верстка