Чем отличаются блочная и табличная вёрстка?

Блочная и табличная вёрстка отличаются подходом к созданию структуры сайта. sendpulse.com kokoc.com

Блочная вёрстка — актуальная и чаще всего используемая. sendpulse.com Контейнеры и другие элементы страницы создаются при помощи тега <div>, внутри которого находятся иные теги согласно иерархии. kokoc.com timeweb.com В разных контейнерах располагается содержимое конкретных блоков или содержимое всей страницы целиком. kokoc.com

Табличная вёрстка — устаревшее решение, которое практически не встречается при создании современных сайтов. kokoc.com Суть в том, что страница делится на множество мелких ячеек. kokoc.com Разметка задаётся тегом <table>, после которого в иерархическом порядке следуют теги <tr> и <td> — это строки и столбцы, соответственно. kokoc.com timeweb.com Разместить элемент на странице можно только создавая пустые ячейки, которые будут служить подобием скелета. kokoc.com

Некоторые отличия:

• Гибкость: блочная вёрстка более гибкая в плане задания и изменения стилей для отдельных блоков. impuls-web.ru Табличная вёрстка менее гибкая. impuls-web.ru
• Объём кода: при табличной вёрстке объём HTML-кода больше, чем при блочной. impuls-web.ru
• Адаптивность: блочная вёрстка позволяет легче реализовывать адаптивный дизайн, перестраивать блоки в зависимости от устройства, на котором просматривается сайт. impuls-web.ru Табличная вёрстка не подходит для современных сайтов, которые проектируются на основе адаптивного дизайна. kokoc.com