Блокова верстка: що це і навіщо вона потрібна?

Переваги

Блокова верстка сайту має наступні переваги:

  • Немає прозорих кордонів шириною в піксель, як було при верстці таблицями.
  • Блоки легко позиціонувати відносно один одного.
  • Блоки можуть змінювати розмір, що дозволяє створювати адаптивний дизайн.
  • Можливість накладатися один на одного не порушує побудова сторінки, але дозволяє додавати цікаві ефекти.

Подальший розвиток

В даний час блокова верстка div є застарілою і знаходить лише обмежене застосування лише як окремий випадок для певних ситуацій. На зміну їй у верстку прийшло позиціонування і обтікання. Вони мали масу недоліків, але в цілому дозволяли більше, ніж блочна верстка.

Далі з’явилося побудова за допомогою терміново-блочних елементів. Це істотно полегшило роботу програмістів. Цей спосіб має переваги обох типів блоків і дозволяє створювати більш чуйний і адаптивний дизайн. Варто зазначити, що всі способи, так чи інакше складалися з елемента div, що і дало назву “дивна верстка”.

Цікаве:  Не працює WiFi на ноутбуці: причини та способи вирішення

В даний час для побудови сторінки використовуються Flex-box і bootstrap. Вони помітно зменшують код і дозволяють швидше й простіше створювати якісний адаптивний дизайн. Дають можливість переміщати блоки, не ламаючи всю сторінку.

На вістрі прогресу варто нова технологія – Grids. Вона дозволяє дуже швидко і легко створювати дизайн будь-якої складності. А блоки, обтікання, позиціонування, як свого часу сталося з таблицями, використовуються лише за прямим призначенням.