Некоторые различия между блочной и табличной вёрсткой веб-страниц:

Блочная вёрстка: 15

• Суть: страница состоит из отдельных блоков, которые выстраиваются один за другим. 2 Для каждого блока прописываются свои стили (цвета, размеры, положение и т. д.). 2
• Преимущества: гибкость в плане задания и изменения стилей для отдельных блоков, возможность реализовывать даже самые сложные дизайн-макеты, легче создавать адаптивный дизайн. 2
• Недостатки: при вёрстке макета из нескольких колонок возможны перескакивания блоков на новую строку при масштабировании браузера, сложнее в освоении, чем табличная вёрстка. 2

Табличная вёрстка: 15

• Суть: страница делится на множество мелких ячеек, что напоминает работу с таблицами в Excel. 15
• Преимущества: блоки не «перескакивают» на другую строку при масштабировании, как правило, не возникает проблем с кроссбраузерностью, легче в освоении. 2
• Недостатки: менее гибкая, большой объём HTML-кода, при создании адаптивного дизайна с ней трудно и неудобно работать, более сложно править (особенно если дело касается переноса какого-то блока в другую часть страницы). 2

Сегодня табличная вёрстка практически не встречается, но её используют как дополнительный способ, например, для структурирования табличных данных и расположения блоков изображений CSS. 4