Правила верстки сайта достаточно просты, но их соблюдение обязательно. Верное, постепенное написание кода в файлах позволит получить требуемый результат и при этом не усложнять задачу самому себе. Сейчас мы предлагаем вам узнать основные постулаты, которых следует придерживаться при создании будущего шаблона:
- Грамотное заполнение элемента является очень важным. Там необходимо указать кодировку сайта, версию разметки html.
- Заполнение тегов meta, title и description являются полезными для оптимизации документа, поэтому их игнорирование верстальщиком недопустимо. К тому же тег задает значение названия окна и в последствии именно по нему пользователи будут кликать с закладок.
- Оформление шрифтов лучше всего задавать для тега body, и при необходимости менять для отдельных блоков. При оформлении шрифтов иногда стоит задавать несколько вариантов на случай отсутствия такого шрифта у пользователя
- Желательно задавать значения width и height для всех используемых изображений
- Для удобства дальнейшего редактирования следует использовать иерархические отступы и комментирования строк ()
- Фон сайта стоит прописывать в любом случае, даже если он должен остаться белым.
- Логотип сайта должен быть ссылкой на главную страницу и обязательно иметь заполненный атрибут alt
Также есть типографические правила верстки сайта, которые необходимы для читабельности и грамотности верстаемого текста:
- Полезно использовать для создания неразрывных пробелов. Как пример: «О нас», «т.д.», «т.п», то есть строки, которые нельзя переносить по определению
- Не следует заменять знак тире дефисом, это не только грамматическая ошибка, но и плохо отличается на читабельности верстаемого текста. Для написания « — » можно использовать — или комбинацию клавиш alt+0151.
- Для заключения текста в кавычки правильно использовать „ ”
Ну и наконец правила верстки сайта с точки зрения хорошего тона верстальщика:
а) Большие div блоки html кода следует комментировать, отмечая начало и конец
б) Кавычки для значения свойств являются необязательными, но полезными для более простого редактирования в дальнейшем.
в) При использовании специальных скриптов для отдельных браузеров (CSS хаков) стоит откомментировать строки для собственного удобства в дальнейшем.
г) Необходимо стараться минимизировать html код, по максимуму выносить css и js в отдельные файлы.
д) Обязательно по завершению работы проверять макет на кроссбраузерность и валидность устраняя собственные ошибки.