Требования к верстке и проверке валидности
Требования к верстке:
- Использовать в верстке планирование: т.е. сначала нужно, к примеру сделать каркас сайта, работая только в html. А затем прописуешь все стили в css-файле, почти не обращаясь к html-файлам.
- Минимизация кол-ва css - например если задано что размер шрифта такой-то
- нет смысла прописывать его-же в каких-то других местах... Т.е. добиваться ситуации когда
кол-во упоминаний font-size равно кол-ву его разных вариантов в проекте...
- Одной из груббых ошибок является то, что ширина сайта фигурирует в проекте несколько раз
- у хедера, футера и некотрых внутренних блоков...
- Группировка кода внутри css-файла по смыслу... Можно разработать некий шаблон, например
сверху вниз по файлу - общие настройки, каркас, меню, блоки, листинги, материал... (смотреть текущие проекты)
- В названии сложных классов следовать следующему правилу - от общего к частному, т.е. например
listing_items_products, а не products_listing_items
- Сокращения также не очень желательны
- Стремится к унификации, выявлять какие-то общности у разных блоков сайта так
чтобы их было возможно реализовать с помошью одних и тех-же классов...
- Код делать удобочитаемым. Пример: открывающийся div должен быть на одном уровне по горизонтали с закрывающимся. В PSpad есть удобная функция для этого "Переформатировать код..."
- В html и css-коде должно быть как можно меньше пробелов
- Нужно стремиться в css и html-коде к минимальному количеству элементов. Где только можно сокращать количество строчных и блочных элементов (можно, к примеру, ставить классы через пробел) и стилей.
- Верстка должна хорошо смотреться начиная с разрешения 1024x768.
Горизонтальных скроллов быть не должно! Как правило для большинства сайтов можно использовать ширину 980px (с учетом ширины вертикального скролла).
- HTML-коды (счетчики статистики, карта сайта и т.д.) размещать в шаблоны страниц через локализации.
Тестирование:
- Самостоятельно проверять кросс-браузерность - Хром, Опера, Мозила, Эксплорер 8, 9
- Проверять валидацию - при правильной верстке за исключением таргет=бланк можно и нужно добиваться валидности http://validator.w3.org/
