Переваги
Блокова верстка сайту має наступні переваги:
- Немає прозорих кордонів шириною в піксель, як було при верстці таблицями.
- Блоки легко позиціонувати відносно один одного.
- Блоки можуть змінювати розмір, що дозволяє створювати адаптивний дизайн.
- Можливість накладатися один на одного не порушує побудова сторінки, але дозволяє додавати цікаві ефекти.
Подальший розвиток
В даний час блокова верстка div є застарілою і знаходить лише обмежене застосування лише як окремий випадок для певних ситуацій. На зміну їй у верстку прийшло позиціонування і обтікання. Вони мали масу недоліків, але в цілому дозволяли більше, ніж блочна верстка.
Далі з’явилося побудова за допомогою терміново-блочних елементів. Це істотно полегшило роботу програмістів. Цей спосіб має переваги обох типів блоків і дозволяє створювати більш чуйний і адаптивний дизайн. Варто зазначити, що всі способи, так чи інакше складалися з елемента div, що і дало назву “дивна верстка”.
В даний час для побудови сторінки використовуються Flex-box і bootstrap. Вони помітно зменшують код і дозволяють швидше й простіше створювати якісний адаптивний дизайн. Дають можливість переміщати блоки, не ламаючи всю сторінку.
На вістрі прогресу варто нова технологія – Grids. Вона дозволяє дуже швидко і легко створювати дизайн будь-якої складності. А блоки, обтікання, позиціонування, як свого часу сталося з таблицями, використовуються лише за прямим призначенням.