Все что нужно знать о типах верстки сайта

07.03.2016

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

Соответствие требованиям – это очень важно!

Верстка должна соответствовать многим параметрам, ведь от нее зависит:

  • быстрота загрузки ресурса;
  • соответствие определенным требованиям HTML;
  • корректное отображение в браузере;
  • выполнение правил поисковых систем;
  • адаптация под разнообразные экраны.

Разнообразие – залог возможности выбора!

Существуют такие типы верстки сайта:

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

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

Однако и некоторые недостатки тут имеются:

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

v  Блочная верстка – представляет из себя более удобный тип, стиль для которого задается с использованием таблиц CSS и имеет множество достоинств:

  • Сокращение объемов кода, по сравнению с табличной версткой, а значит более быстрая загрузка страниц и меньше нагрузки на сервер;
  • Быстрое изменение любого элемента дизайна, шрифта в статье, плюс более удобное использование цвета html;
  • Лучшая поисковая индексация, и громадные возможности SEO-оптимизации, благодаря распознаванию контента в первую очередь;
  • Возможность нестандартного дизайна и большее разнообразие в расположении элементов;
  • Адаптивность для разных устройств.

Есть и свои недочеты:

  • Очень высокая сложность освоения, по сравнению с табличной версткой;
  • Есть вероятность некорректного отображения в разных браузерах.

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