Верстка — это описание визуальной части сайта с помощью гипертекстового документа на основе HTML-разметки. 2 Простыми словами, это соединение и расположение на странице документа разных элементов веб-сайта: текстовых блоков, изображений, таблиц, видео и т.д.. 2

Верстка сайта — один из наиболее важных этапов создания интернет-ресурса. 2 От неё зависит скорость загрузки сайта, корректность его отображения в браузере, соответствие стандартам HTML и требованиям поисковых систем, адаптивность под разные устройства пользователей (планшет, смартфон, ноутбук). 2

Основная задача верстальщика — переместить прототип в код, который будет в точности отображать проделанную работу дизайнера. 3

Основные виды вёрстки:

• Табличная. 5 Самый древний вид вёрстки. 5 Сейчас используется только в учебных примерах. 5
• Блочная. 5 Основана на тегах div и span. 5 Сначала создают все нужные блоки и правильно их располагают, затем в CSS задают размеры ширины блоков, после чего размещают контент. 5
• Адаптивная. 25 Подход к созданию веб-страниц, при котором одно и то же содержимое адаптируется под различные устройства и разрешения экрана без необходимости создавать отдельные версии сайта для каждого устройства. 2