Таблична верстка vs блокова верстка
Відео: HTML і CSS - хитрості блокової моделі
Одним з найпопулярніших суперечок між верстальниками - це, яка верстка краще: табличная або блокова. Питання це дуже спірне і кожен по-своєму правий. Хоча я переконаний, що все залежить від конкретної ситуації, тому і блокова верстка, і таблична верстка мають право на існування. І в цій статті я постараюся розібрати переваги і недоліки кожної з них. Щоб при виборі типу верстки для свого сайту, Ви спиралися, в першу чергу, на їх особливості.
почну з переваг і недоліків табличній верстки:
- Таблиці не перекриваються один з одним при маленьких дозволах.
- Легко робити кросбраузерності дизайн.
- Набагато простіше блочної верстки.
- Дуже багато зайвого коду, з огляду на нескінченного створення рядків і стовпців.
- Далеко не кожен дизайн можна створити за допомогою таблиць.
тепер про переваги і недостакі блокової верстки:
Відео: Верстка сайту: div, блокова, css, html, таблична, з нуля
- Значно менше HTML-коду і, як наслідок, зменшення ваги сторінки.
- Блоки завантажуються швидше таблиць (особливо великих таблиць).
- На відміну від таблиць, блоки - універсальний засіб для створення будь-якого дизайну.
- набагато складніше табличній верстки.
- Величезні проблеми з кросбраузерністю.
- Блоки починають наїжджати (або спадати) один на одного при маленьких дозволах екрану.
ось все переваги і недоліки блокової і табличній верстки. Від себе хочу додати, що в 99% Ви будете використовувати і те, і інше, але зараз питання стоїть про створення самого макета сайту в цілому. І тут я хочу дати Вам рекомендацію, який з типів верстки вибрати.
Відео: 24 урок. HTML & CSS. Порівняння блокової і табличній верстки
Блокова верстка краще табличній, АЛЕ за умови, що Ви досягнете кросбраузерності і гарного відображення сайту при різних дозволах екрану. Даний сайт зверстаний блоками, проте, домогтися кросбраузерності і гарного відображення на дозволах (я домігся хорошого відображення на дозволах від 800 на 600, хоча на практиці досить від 1024 на 768) дуже важко. Про це я попереджаю заздалегідь, тому якщо у Вас ще маленький досвід верстки, то забудьте про блокової взагалі. Краще робіть табличну верстку.
висновок: Якщо Ви ще недостатньо досвідчені, то використовуйте тільки табличную верстку, інакше приймайте рішення в залежності від конкретного випадку. І завжди дайте собі відповідь на питання: "Чи готові Ви до втрати величезної кількості часу заради зовсім невеликий користі?".
- Вийшов відеокурс "верстка сайту з нуля"
- Чому dreamweaver - це погано?
- Як притиснути футер до низу
- Що таке адаптивна верстка?
- Вийшла книга "створення сайту від початку і до кінця"
- Вийшов курс "html5 і css3 з нуля до гуру"
- Новий безкоштовний курс по верстці сайтів
- Двоколонковому верстка з однаковою висотою колонок
- Слайдер зображень на jquery без плагінів
- Чи потрібно зараз використовувати html5 і css3
- Валідність css
- Замовлення сайту під ключ
- Bootstrap 4. Система сіток.
- Адаптивна верстка через jquery
- Медіа-запити в css
- Структура блокової верстки
- Перевірка сайту в різних браузерах
- Підхід mvc (model-view-controller)
- Html
- Верстка й її критерії якості
- Адаптивна верстка