Правила верстки сайта

25 правил хорошей верстки страниц сайта (HTML, DIV и CSS)

1. Необходимо минимизировать HTML-код. Одинаковое форматирование можно получить разными способами.
2. Форматирование HTML-кода должно быть логично оформлено. Присутствие иерархических отступов и комментариев — необходимо.
3. Важная задача верстальщика — определить классы стилей.
4. Общие стили CSS и JS-код желательно вынести в отдельный файл.
5. Названия классов и id CSS должны быть логичными и интуитивно понятными, с комментариями о том где этот стиль используется.
6. Результат работы необходимо тестировать в IE, Opera, FireFox и, по возможности, на разных мониторах и разных разрешениях экрана.
7. Тег title вдокументе — важен не только для поисковых систем и SEO. Его необходимо всегда прописывается со смыслом. Пользователи будут видеть этот тег в заголовке окна, при выборе окна на таскбаре и при навигации в браузере.
8. URL страницы должен выглядеть кратко и аккуратно, тогда на любую страницу Вашего сайта можно будет сослаться в тематических журналах и без проблем продиктовать по телефону. Пример: www.stasv.ru/html/
9. keywords прописываются по желанию, т.к. поисковые системы давно не воспринимают его. Но, если он заполнен, то должен использовать только те слова, которые есть в содержании страницы.
10. description прописывать необходимо, так, как содержание этого метатега попадает в результаты поиска под тегом title и на основании этой информации пользователь поисковой системы принимает решение о переходе именно на Вашу страницу.
11. Шрифты должны изменять свои размеры, если пользователь этого захочет! Возможно, Ваш сайт будет просматривать плохо видящий человек.
12. Заголовки первого уровня делаются тегом h1 и только так! Заголовки второго уровня — h2 и т. д.
13. У пользователя должна быть возможность без замешательств попасть наглавную страницу Вашего сайта с любой вложенной страницы.
14. Для удобства восприятия информации, подчеркнутой в тексте может быть только гиперссылка.
15. В отличии от основного текста страницы сайта — в меню ссылки могут быть не подчеркнутыми.
16. Для всех рисунков обязательно должны быть указаны их width и height, а также должен быть заполнен атрибут alt (альтернативный текст).
17. По правилам форматирования имена собственные можно заключить в красивые кавычки «», но и не забывать о существовании других символов: „ ”
18. Для создания списков существуют специальные теги, пренебрегать ими не стоит.
19. О фирме нужно писать так: О фирме, т.е. предлоги надо привязывать к словам.
20. Во избежание неправильных переносов телефоны надо заключать в теги nobr — запрет переноса.
21. После открывающейи перед закрывающей скобкой не должно быть пробелов.
22. Все имена всех объектов сайта должны иметь понятное название, будь то картинки, скрипты, стили или переменные. Название должно быть лаконичным и информативным.
23. Если в html — макете Вашего сайта используется больше 2-х вложенных таблиц, то скорее всего код подлежит оптимизации.
24. Для задания отступов используются стили padding, margin, а непустые td или br и пробелы.
    Для задания минимальной ширины или высоты ячейки удобно применять прозрачную
    картинку gif размером width или height в 1x1 пиксель.
25. Нельзя задавать глобальное выравнивание
    td{vertical-align: top; padding: 0px;} p {align:justify;}
    т.к. на сайте могут быть таблицы, картинки или тексты,
    где такое выравнивание неприемлемо.

	Главная		Новости		Портфолио		Статьи		Контакты		Карта сайта

(C) 2011 StASV.ru Студия ASV / Вдовиченко Александр /