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

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

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

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

Табличная верстка делается с использование таблиц. Табличная верстка появилась намного раньше блочной — вот почему все браузеры отображают страницы с этой версткой хорошо. Однако верстка сайта с помощью таблиц имеет и свои недостатки. Рассмотрим плюсы и минусы верстки таблицами.

Плюсы табличной верстки:

  1. Таблицы не перекрываются друг с другом при маленьких разрешениях;
  2. Легко достигается кроссбраузерность;
  3. Табличная верста намного проще, чем блочная.

Минусы табличной верстки:

  1. Очень много лишнего кода, ввиду бесконечного создания строк и столбцов;
  2. Далеко не каждый дизайн можно создать с помощью таблиц.

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

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

Плюсы блочной верстки:

  1. Требуется гораздо меньше кода HTML, что позволяет странице загружаться быстрее;
  2. С помощью блоков можно создать любой дизайн по сложности.

Минусы блочной верстки:

  1. Блочная верстка сложнее, чем табличная верстка;
  2. Часто возникают проблемы с отображением страниц в разных браузерах;
  3. При малых разрешениях экрана блоки начинают наезжать или спадать друг на друга.

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

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *