DIV vs TABLE

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

Преимущества табличной верстки:

• полная кроссбраузерность макета
• легкость в освоении
• простота, по сравнению с блочной версткой

Недостатки табличной верстки:

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

Как мы видим, табличная верстка - это много проблем для верстальщика. Теперь посмотрим на преимущества и недостатки блочной верстки.


Преимущества блочной верстки:

• правильная блочная верстка полностью соответствует стандартам HTML и CSS. 
• значительно меньше HTML-кода, что улучшает его читабельность
• блоки загружаются быстрее таблиц
• правильное отображение страниц разными устройствами
• простота манипуляция (для изменения дизайна страницы достаточно изменить стиль в css файле)

Недостатки блочной верстки:

• сложнее табличной верстки
• блоки начинают наезжать/спадать друг на друга при маленьких разрешениях экрана
• не всегда корректная кроссбраузерность (огромный привет IE6 :))