Таблична верстка vs блокова верстка

Таблична верстка VS Блокова верстка

Відео: HTML і CSS - хитрості блокової моделі

Одним з найпопулярніших суперечок між верстальниками - це, яка верстка краще: табличная або блокова. Питання це дуже спірне і кожен по-своєму правий. Хоча я переконаний, що все залежить від конкретної ситуації, тому і блокова верстка, і таблична верстка мають право на існування. І в цій статті я постараюся розібрати переваги і недоліки кожної з них. Щоб при виборі типу верстки для свого сайту, Ви спиралися, в першу чергу, на їх особливості.

почну з переваг і недоліків табличній верстки:

  • Таблиці не перекриваються один з одним при маленьких дозволах.
  • Легко робити кросбраузерності дизайн.
  • Набагато простіше блочної верстки.
  • Дуже багато зайвого коду, з огляду на нескінченного створення рядків і стовпців.
  • Далеко не кожен дизайн можна створити за допомогою таблиць.



тепер про переваги і недостакі блокової верстки:

Відео: Верстка сайту: div, блокова, css, html, таблична, з нуля

  • Значно менше HTML-коду і, як наслідок, зменшення ваги сторінки.
  • Блоки завантажуються швидше таблиць (особливо великих таблиць).
  • На відміну від таблиць, блоки - універсальний засіб для створення будь-якого дизайну.
  • набагато складніше табличній верстки.
  • Величезні проблеми з кросбраузерністю.
  • Блоки починають наїжджати (або спадати) один на одного при маленьких дозволах екрану.



ось все переваги і недоліки блокової і табличній верстки. Від себе хочу додати, що в 99% Ви будете використовувати і те, і інше, але зараз питання стоїть про створення самого макета сайту в цілому. І тут я хочу дати Вам рекомендацію, який з типів верстки вибрати.

Відео: 24 урок. HTML & CSS. Порівняння блокової і табличній верстки

Блокова верстка краще табличній, АЛЕ за умови, що Ви досягнете кросбраузерності і гарного відображення сайту при різних дозволах екрану. Даний сайт зверстаний блоками, проте, домогтися кросбраузерності і гарного відображення на дозволах (я домігся хорошого відображення на дозволах від 800 на 600, хоча на практиці досить від 1024 на 768) дуже важко. Про це я попереджаю заздалегідь, тому якщо у Вас ще маленький досвід верстки, то забудьте про блокової взагалі. Краще робіть табличну верстку.

висновок: Якщо Ви ще недостатньо досвідчені, то використовуйте тільки табличную верстку, інакше приймайте рішення в залежності від конкретного випадку. І завжди дайте собі відповідь на питання: "Чи готові Ви до втрати величезної кількості часу заради зовсім невеликий користі?".

Поділися в соціальних мережах:

Схожі
Новий безкоштовний курс по верстці сайтівНовий безкоштовний курс по верстці сайтів
Перевірка сайту в різних браузерахПеревірка сайту в різних браузерах
Bootstrap 4. Система сіток.Bootstrap 4. Система сіток.
Як притиснути футер до низуЯк притиснути футер до низу
Структура блокової версткиСтруктура блокової верстки
Чи потрібно зараз використовувати html5 і css3Чи потрібно зараз використовувати html5 і css3
Валідність cssВалідність css
Вийшла книга "створення сайту від початку і до кінця"Вийшла книга "створення сайту від початку і до кінця"
Вийшов курс "html5 і css3 з нуля до гуру"Вийшов курс "html5 і css3 з нуля до гуру"
Адаптивна версткаАдаптивна верстка
» » Таблична верстка vs блокова верстка