Чим гарна блочна верстка для сторінок сайту
світ енергійних людей
Чим гарна блочна верстка для сторінок сайту
Ще зовсім недавно багато веб-майстрів використовували для сторінок свого сайту табличну верстку. Таблична верстка дійсно здатна надавати сторінкам сайту чіткість розташування їх елементів, зберігати порядок та гармонійність. Причому останні дві характеристики є обов'язковими, і це необхідно знати всім, хто вирішив займатися веб-розробками всерйоз. При такій верстці кожен із елементів сторінки поміщається в комірку таблиці. Таке розміщення елементів можна застосовувати для будь-якого сайту, незалежно від того, який у нього ступінь складності.
Кожна таблиця складається з рядків, стовпців, осередків і рамки. Розміри осередків регулюються, тому туди можна помістити елементи будь-яких розмірів. До того ж товщину рамки можна змінювати доти, доки її не стане видно.
Блочна верстка виглядає трохи інакше, тут всі елементи розміщуються в блоки, кожен з яких йде окремо, незалежно один від одного. Тому властивості кожного блоку можна змінювати індивідуально, незалежно від інших, що є головною перевагою цього методу верстки. Блоки йдуть природним потоком, зверху донизу, зліва направо. У кожного є поля, відступи, рамки.
Рамка (border) є контуром, який можна змінювати за такими характеристиками як, товщина, колір, тип.
Поле (padding) відокремлює вміст блоку від рамки. Це дає можливість розташувати текст на деякій відстані від стін блоку, і не бути з ними «впритул».
Відступи (margin) – це простір між блоками, що дозволяє розташувати на заданій відстані два блоки один від одного.
Блокова верстка дозволяє змінити ці параметри,внаслідок чого можна змінити положення вмісту блоку, а також наблизити блоки один до одного, змінивши відступи та наблизити вміст блоку до рамки, змінивши поля.
Якщо порівнювати табличну верстку з блочною, то тут можна сказати, що в плані розміщення вони майже нічим не відрізняються одна від одної. З іншого боку, вся справа у зручності для верстальника. Розмір написаного html коду звичайної веб-сторінки при блоковій верстці приблизно в чотири рази менший від того ж при табличній верстці. Менша кількість тексту робочої програми краще як швидкодії, так програміста. На цьому плюси блокової верстки не закінчуються. Ще вона дозволяє значно збільшити швидкість завантаження веб-сторінок порівняно з табличною.