Фиксированная верстка

Этот тип верстки является одним из самых распространённых на данный момент. Она обладает фиксированной шириной и высотой блоков и страницы сайта в целом. Эти параметры не связаны с диагональю монитора.

К ее преимуществам можно отнести:

• Простоту выполнения.
• Одинаковое отображение страниц ресурса на мониторах, имеющих разную диагональ.

Недостатки верстки заключаются в следующем:

• Неудобном просмотре сайтов на мобильном телефоне.
• При просмотре сайта на широкоформатных мониторах будет оставаться место по бокам.
• При увеличении масштаба страницы она будет увеличиваться, вылезая за экранные рамки как по ширине, так и по высоте.

Чаще всего эту верстку используют для создания сайтов одностраничников.

Кроссбраузерная верстка (CSS)

Эта верстка позволяет сайту выглядеть одинаково на всех браузерах. Но есть проблемы в браузерах старых версий, не воспринимающих кроссбраузерность.

К ее преимуществам можно отнести:

• Простоту создания сайта на основе этого типа верстки.
• Сокращение размера ресурса.
• Дополнительные возможности для дизайна.
• Безтабличную структура макета ресурса.

Недостатки верстки заключаются в следующем:

• Большом количестве багов в старых версиях браузеров IE5 и IE6.

Резиновая верстка

Механизм использования данной верстки заключается в задании размеров всех блоков сайта не в пикселях, а в процентах. Поэтому сайт будет можно просматривать не только на мониторах с разной диагональю, но и на мобильных устройствах.

К ее преимуществам можно отнести:

• Корректное отображение на экранах с разными параметрами.
• Изменение при масштабировании страниц.

Недостатки верстки заключаются в следующем:

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

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

Валидная верстка

Эта верстка, соответствующая стандартам W3C, обладающая кросбраузерсностью.

К ее преимуществам можно отнести:

• Кросбраузерность.
• Хорошее восприятие поисковыми системами.

Как таковых недостатков у данного типа верстки не наблюдается, так как именно она берется за образец в остальных видах и считается самой правильной.

Адаптивная верстка

Этот тип верстки называют «живым», так как с ее помощью можно перестраивать элементы и менять их размер в зависимости от того, на каком устройстве просматривается сайт.

К ее преимуществам можно отнести:

• Адаптируемость под размеры экрана любого устройства.
• При изменении масштаба страницы сайта, элементы перестраиваются самостоятельно и отображаются корректно.

Недостатки верстки заключаются в следующем:

• Трудоемкости выполнения.
• Длительном сроке тестировки сайта после проведения верстки.

Семантическая верстка

Тип верстки, обладающий особым смыслом. Ее механизм основывается на тегах, каждый из которых имеет свое значение. Для каждого блока, списка, абзаца и прочего существуют свои теги, при помощи которых они выделяются на странице уже готового сайта.

К ее преимуществам можно отнести:

• Сокращение количества кода.
• Код становится понятным не только поисковым роботам, но и пользователям.
• Более быструю загрузку страниц за счет уменьшения кода.

Недостатки верстки заключаются в следующем:

• Для проведения верстки необходимы специальные навыки и знания.
• Верстка не поддерживается браузерами старых версий.

Блочная верстка

Эту верстку специалисты используют довольно часто. Ее механизм основывается на создании слоев, а точнее, блоков, которые накладываются друг на друга. Таким образом, сайт можно легко редактировать, удаляя или перенося блоки в нужное место.

К ее преимуществам можно отнести:

• Компактность кода.
• Хорошую поисковую индексацию.
• Быструю загрузку страниц ресурса.
• Недостатки верстки заключаются в следующем:
• Сложности исполнения.
• Разному отображению страниц сайта в браузерах.
• При уменьшении разрешения монитора, блоки начинают наезжать друг на друга.

Табличная верстка

Она создается в виде таблицы, которая разбивается на колонки с ячейками. В каждой ячейке располагается нужный элемент. В итоге получается некая сетчатая структура с заданными элементами.

К ее преимуществам можно отнести:

• Простоту выполнения верстки.
• Одинаковый вид сайта во всех браузерах
• Функции резиновой верстки. При изменении разрешения монитора таблица автоматически расширяется или сужается.

Недостатки верстки заключаются в следующем:

• Объемном коде.
• Медленной загрузке страниц ресурса.
• Ограниченном выборе дизайнов сайта.

Чтобы подобрать нужный вид верстки необходимо отталкиваться от целей и задач сайта, в таком случае сделать выбор будет гораздо проще.