Верстка таблицями або блоками копнемо глибше!

Як видно з назви я розповім про верстку таблицями і блоками. Ми розглянемо всі плюси і мінуси ...
Почну, мабуть, з верстки таблицями.

Верстка таблицями

Відразу зазначу, що верстка таблицями дуже стара і, виходячи з опитування, яке проводили на Хабре:

Мені здалося, що ці 9% (78 осіб) люди яким вже за 40 або жартівливо зазначили. Але зазначу що це чисто моя думка! Я не намагаюся образити людей, які верстають таблицями, а навпаки я їх навіть поважаю за те, що вони бережуть традиції старого HTML. Але все-таки цей метод як-ніяк вже застарів і як видно вище багато верстають блоками або гибридно. Якщо верстати таблицями виходить досить таки солідно великий код.

Приклад табличної верстки:

І так розпишу основні мінуси табличної верстки:

10 років тому я б міг знайти плюси такої верстки але на жаль їх немає, хоча я може бути і не правий.

Верстка блоками

Ось ми і перейшли до верстки блоками! Тут я можу говорити без угаву, але постараюся виділити основні пункти цієї верстки.

Почну з того що зараз багато сайтів написані саме на цій верстці!
Також цю верстку називають Верстка блоками "DIV", бо саме за допомогою тега

і здійснюють написання сайтів.

Приклад верстки блоками:

гібридна верстка

І нарешті, остання і найпоширеніша верстка це гібридна!
Це верстка таблиця + блок використовується для створення, наприклад меню на сайті ...

Приклад гібридної верстки: Як видно спочатку йде верстка блоком, а потім таблицею

Виходячи з усього сказаного вище зрозуміло, що гібридна верстка найоптимальніша для створення сайтів!

Завданням цієї статті було, показати наскільки застаріла верстка таблицею. І показати цим одиницям людей які верстають таблицями всю красу верстки блоками і гібридної верстки.

Схожі статті