В чем заключаются различия между блочным и табличным версткой веб-страниц?
Некоторые различия между блочной и табличной вёрсткой веб-страниц:
Блочная вёрстка: kokoc.com timeweb.com
- Суть: страница состоит из отдельных блоков, которые выстраиваются один за другим. impuls-web.ru Для каждого блока прописываются свои стили (цвета, размеры, положение и т. д.). impuls-web.ru
- Преимущества: гибкость в плане задания и изменения стилей для отдельных блоков, возможность реализовывать даже самые сложные дизайн-макеты, легче создавать адаптивный дизайн. impuls-web.ru
- Недостатки: при вёрстке макета из нескольких колонок возможны перескакивания блоков на новую строку при масштабировании браузера, сложнее в освоении, чем табличная вёрстка. impuls-web.ru
Табличная вёрстка: kokoc.com timeweb.com
- Суть: страница делится на множество мелких ячеек, что напоминает работу с таблицами в Excel. kokoc.com timeweb.com
- Преимущества: блоки не «перескакивают» на другую строку при масштабировании, как правило, не возникает проблем с кроссбраузерностью, легче в освоении. impuls-web.ru
- Недостатки: менее гибкая, большой объём HTML-кода, при создании адаптивного дизайна с ней трудно и неудобно работать, более сложно править (особенно если дело касается переноса какого-то блока в другую часть страницы). impuls-web.ru
Сегодня табличная вёрстка практически не встречается, но её используют как дополнительный способ, например, для структурирования табличных данных и расположения блоков изображений CSS. gb.ru
