Вёрстка HTML шаблона сайта – это процесс преобразования графического представления того, как должен выглядеть будущий сайт в рабочий шаблон для этого сайта посредством языка разметки гипертекста HTML, таблиц CSS и скриптов JavaScript. Созданная структура будет определять дальнейшее отображение текстовой и графической информации сайта в интернет-браузерах.
В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:
- Кроссбраузерность — учет особенностей отображения кода веб-страницы во всех популярных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
- Быстрота обработки кода браузером — от скорости загрузки страниц вашего сайта напрямую зависит как посещаемость вашего сайта, так и лояльность поисковых систем.
- Валидность — написание HTML и CSS-кода, соответствующих стандартам W3C (компании, разрабатывающей и внедряющей интернет-стандарты).
- Семантическая корректность — логичное и правильное использование элементов HTML, осмысленное расположение фрагментов кода на странице, правильное использование тегов, понятные название классов и идентификаторов.
- Оптимизация под поисковые системы — верстка должны быть полностью оптимизированная, начиная от наличия тегов title, description, keywords до присутствия alt в картинках и title в ссылках.
- Адаптивность верстки — современным трендом сайтостроения является верстка сайтов адаптирующихся под экраны мобильных устройств. Возможность адаптации усложнят процесс верстки и иногда может значительно увеличить как сроки так и бюджет проекта.