Закажи “Сайт под ключ” и получи

в подарок:

  • Домен !
  • Хостинг !
  • 10% скидки на следующий заказ !

Статьи

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

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

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

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

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

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

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

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

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

Добавить комментарий