Блочная или табличная вёрстка. DIV или TABLE

Добавлено: 30.06.2013

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

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

табличная вёрсткаблочная вёрстка
легко создавать, например в Dreamweaver элементарно накидать макет сайта и мышкой растащить по нему элементы, можно даже не знать HTML и CSSначальный каркас можно взять готовый, но вся остальная работа ведётся преимущественно в текстовом редакторе, знание HTML и CSS обязательно
поддерживать сложную табличную вёрстку практически невозможно. Если передать другому верстальщику, ему проще будет сверстать страницу с нуляпри условии грамотного составления HTML кода разобраться сможет не только автор вёрстки, но и другой веб мастер
оправдано для вёрстки простых HTML форм и страниц-заглушек, когда можно обойтись без CSSможно верстать что угодно, без CSS обойтись не получится
 адаптивный дизайн на таблицах сделать не получитсяотлично подходит для адаптивного дизайна
расположение элементов жёстко задано, сложно манипулировать DOM, чтобы вёрстка не разъехаласьэлементы независимы, поэтому гораздо проще писать скрипты работы с DOM. Все фреймворки рассчитаны на блочную вёрстку

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