Правила верстки сайта достаточно просты, но их соблюдение обязательно. Верное, постепенное написание кода в файлах позволит получить требуемый результат и при этом не усложнять задачу самому себе. Сейчас мы предлагаем вам узнать основные постулаты, которых следует придерживаться при создании будущего шаблона:

• Грамотное заполнение элемента является очень важным. Там необходимо указать кодировку сайта, версию разметки html.
• Заполнение тегов meta, title и description являются полезными для оптимизации документа, поэтому их игнорирование верстальщиком недопустимо. К тому же тег задает значение названия окна и в последствии именно по нему пользователи будут кликать с закладок.
• Оформление шрифтов лучше всего задавать для тега body, и при необходимости менять для отдельных блоков. При оформлении шрифтов иногда стоит задавать несколько вариантов на случай отсутствия такого шрифта у пользователя
• Желательно задавать значения width и height для всех используемых изображений
• Для удобства дальнейшего редактирования следует использовать иерархические отступы и комментирования строк ()
• Фон сайта стоит прописывать в любом случае, даже если он должен остаться белым.
• Логотип сайта должен быть ссылкой на главную страницу и обязательно иметь заполненный атрибут alt

Также есть типографические правила верстки сайта, которые необходимы для читабельности и грамотности верстаемого текста:

•  Полезно использовать   для создания неразрывных пробелов. Как пример: «О нас», «т.д.», «т.п», то есть строки, которые нельзя переносить по определению
• Не следует заменять знак тире дефисом, это не только грамматическая ошибка, но и плохо отличается на читабельности верстаемого текста. Для написания « — » можно использовать  — или комбинацию клавиш alt+0151.
• Для заключения текста в кавычки правильно использовать „ ”

Ну и наконец правила верстки сайта с точки зрения хорошего тона верстальщика:

а) Большие div блоки html кода следует комментировать, отмечая начало и конец
б) Кавычки для значения свойств являются необязательными, но полезными для более простого редактирования в дальнейшем.
в) При использовании специальных скриптов для отдельных браузеров (CSS хаков) стоит откомментировать строки для собственного удобства в дальнейшем.

г) Необходимо стараться минимизировать html код, по максимуму выносить css и js в отдельные файлы.

д) Обязательно по завершению работы проверять макет на кроссбраузерность и валидность устраняя собственные ошибки.