Типография CMYK PRINT Верстка таблицами или блоками? Копнем глубже! - Типография CMYK PRINT

И так, всем привет с вами ProstoJohn и это моя первая статья!

Как видно из названия я расскажу о верстке таблицами и блоками. Мы рассмотрим все плюсы и минусы…
Начну, пожалуй, с верстки таблицами.

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

Сразу отмечу, что верстка таблицами очень старая и, исходя из опроса, который проводили на Хабре:

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

Пример табличной верстки:

И так распишу основные минусы табличной верстки:

  • нельзя перегруппировать блоки для узких страниц или в версии для печати только с помощью CSS
  • если мы выводим список картинок таблицей, каждая картинка в ячейке, то при добавлении или удалении картинки оставшиеся не сдвигаются, а остается пустое место
  • фиксированное, абсолютное и относительное позиционирование не юзабельно в таблицах
  • ячейки не получится перетаскивать drag-n-drop
  • верстка получается замусоренная кучей лишних тегов, которые тяжело читать и в которых тяжело разобраться. Это не HTML, а лапша. Особенно тяжело, когда таблицы вложены друг в друга и раскиданы по куче шаблонов.
  • нельзя поместить контент в коде первым, а меню в шапке — вторым (некоторые сеошники считают, что это улучшает индексацию)
  • верстка таблицами всегда была костылем (и это не семантично), с поддержкой CSS2 (появилась более 10 лет назад) таблицы стали не нужны. 10 лет назад они уже стали ненужными.
(Данные минусы я взял с другого источника, но оставил только основные и ключевой минус это последний.)

Хотя автор, который писал, эти минусы довольно таки скептически относиться к табличной верстки я не могу такое себе позволить, ибо это право верстальщика и не мне их судить.

Плюсы:

10 лет назад я бы мог найти плюсы такой верстки но к сожалению их нет, хотя я может быть и не прав.

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

Вот мы и перешли к верстке блоками! Тут я могу говорить без умолку, но постараюсь выделить основные пункты этой верстки.

Начну с того что сейчас много сайтов написаны именно на этой верстке!
Также эту верстку называют Верстка блоками “”, ибо именно с помощью тега и осуществляют написание сайтов.

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

Гибридная верстка

И наконец, последняя и самая распространённая верстка это гибридная!
Это верстка таблица + блок используется для создания, например меню на сайте…

Пример гибридной верстки:Как видно сначала идет верстка блоком, а потом таблицей

Итог

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

Задачей этой статьи было, насколько устарела верстка таблицей. И этим единицам людей которые верстают таблицами все прелести верстки блоками и гибридной верстки.

Спасибо за то, что прочитали, надеюсь, вам было интересно, и вы оцените мою статью! Если увидели неточность или ошибку прошу сообщить в комментариях.

Если Вам понравилась статья, проголосуйте за нее

Изготовить: Молдино, Некрасовка, Борисовское, Борисоглебск, Антропово,
в Самара Верстка таблицами или блоками? Копнем глубже! Города: Октябрьск Городские округа:Самара Районы: Кошкинский А также, работаем с городами:
Тума, Выборг, Курьково, Грибаново, Юрьевец, Завод Михайловский,