Все, кто хоть раз верстал сайт, знают как это делать с помощью таблиц! И многие, кто начинал верстать на таблицах, делают это уже на дивах. А все потому, что у этих способах верстки есть как свои достоинства, так и недостатки, но недостатков у табличной верстки все-таки больше.
Основные достоинства блочной DIV верстки и недостатки табличной:
- Размер кода. При блочной верстке в итоге код получается все-таки меньше, что способствует ускорению загрузки страницы и как следствие уменьшает нагрузку на сервер.
- Простота манипуляции. Если вдруг нужно немного изменить дизайн, для этого не нужно перебирать все ячейки в таблицах и мудровать что-где не так. Достаточно изменить стили дивов и все.
- Читабельность. Просто приятно смотреть на код, когда все по блокам и все логично, а не что-то в какой-то объединенной ячейке внутри двух таблиц…
- SEO адаптируема. Благодаря позиционированию дивов на страничке, код можно написать так, чтоб нужные нам слова были выше к началу страницы, что любят роботы поисковиков, а пользователю показать этот фрагмент где угодно.
И самое главное при верстке - это использование стандарта . Тогда ваш браузер будет вас понимать, а вы его!
Написать эту заметку я хочу лишь для того, чтобы показать что верстать на DIVах - это не так уж сложно, как кажется сначала, это еще удобно и практично!
По-этому начну выкладывать заметки, как начать верстать на DIV шаг за шагом с примерами и иллюстрациями.
До встречи!
(голосов 4, в среднем: 5.00 из 5)
Loading ...
#1 - Август 17th, 2010 at 15:07
Статья познавательная. Прочитал с удовольствием. Спасибо
#2 nice - Август 18th, 2010 at 11:50
Спасибо, постараюсь побыстрее написать продолжение.
#3 - Август 19th, 2010 at 15:42
По мне дак табличная верстка сложнее=). Буду ждать и обязательно почитаю ваши статьи о div верстке.
#4 Роман - Октябрь 25th, 2010 at 13:36
Уже октядрь, а где же продолжение))
#5 nice - Октябрь 25th, 2010 at 14:40
Спасибо за мотивацию! Значит скоро будет ))
#6 Dimas - Ноябрь 30th, 2010 at 13:15
Интересно, а как сделать верстку с движением, как здесь emfire.ru
#7 nice - Ноябрь 30th, 2010 at 17:53
с помощью плагина jquery