Авторизация

Рубрики блога


Рекомендуем



Последние комментарии

Облако тегов


Устами великих

"Странный этот мир, где двое смотрят на одно и то же, а видят полностью противоположное." © Агата Кристи

Мы Вконтакте

Записки вебмастера Рубрика, которая призвана собрать коллекцию полезных скриптов и авторских решений, интересных особенностей и стандартов верстки, решение вопросов юзабилити и функционала, полезных ресурсов и программ.
23
Авг

Table или DIV. Что лучше использовать

рейтинг материал 5.0 (1) | количество просмотров 1092 | количество коментариев 0
В этой статье пойдет речь о преимуществе блочной верстки над версткой таблицами. Будут рассмотрены недостатки табличной верстки, развеены различные мифы сторонников той или иной верстки.

В этой статье пойдет речь о преимуществе блочной верстки над версткой таблицами. Будут рассмотрены недостатки табличной верстки, развеем мифы сторонников табличной верстки.

1. Верстка таблицами гораздо проще.

Часто сторонники табличной верстки считают, что верстать с помощью таблиц гораздо проще. Не могу согласиться с этим, для этого нужно создать таблицу с ячейками и наполнять ими данными, но это для простых случаев. А если нужно создавать много кратно вложенную структуру? Если ячейки должны быть какой-то другой формы – не прямоугольной, к примеру, закругленной? Если все это делать при помощи таблиц, нам понадобится генерировать достаточно много HTML кода, создавать много вложенную структуру, которая имеет недостатков, об которых будет говориться позже.

2.Отрисовка таблиц браузером быстрее.

Сторонники таблиц считают, что отрисовка таблиц браузером происходит быстрее, чем DIV со стилями. Отрисовка происходит может и быстрей, но эта разница по времени отрисовки если использовать div отличается на микросекунды, а это вряд ли имеет значение для браузера. Но у таблиц есть очень не приятный недостаток. Пока таблица не загрузится полностью, ее содержимое не отображается. Это происходит потому, что браузеру необходимо вычислить высоту и ширину ячеек таблиц, что часто невозможно сделать, не зная содержимого. То есть, тут уже влияет не скорость отрисовки, а скорость загрузки, которая потенциально может иногда быть очень низкой. Это уже серьезно. Можно с уверенностью сказать, что табличная верстка не подходит для сайтов с большим объёмом информации.

3. Использование каскадных стили не дает выигрыша по трафику.

Как мы знаем, что каскадные таблицы стилей, пришли на смену табличной верстке и придали коду человеческий вид, за счет того, что все стили вынесены в отдельный файл. А что же говорят сторонники таблиц? Они утверждают что, использование стилей не дает выигрыша по трафику. Из-за того что, подключается файл со стилями, в котором много не задействованных стилей, которые используются для других страниц. В защиту каскадных стилей можно сказать то, что сейчас все браузеры поддерживают кэширование, и файлы стилей грузятся довольно редко, обычно лишь при первом обращении к ним.

4. Сайты на таблицах не влияют на индексацию в поисковых системах.

Да влияют, но это влияние отрицательное. Как говорилось ранние, загрузка страницы сделанная при помощи таблиц, загружает сначала саму таблицу, после этого загружает содержимое страницы, что отрицательно влияет на индексацию странице. Также поисковому роботу тяжело найти необходимую информацию в дебрях вложенных таблиц, особенно верстальщик допустил ошибку. Этот фактор влияет не только на индексацию в поисковиках, но и на стоимость раскрутки сайта, которая будет стоить дороже.

Заключение

В этой статье были развеяны основные мифы табличной верстке. Из них выявлены преимущества div-ой верстке, которая соответствует стандартам, что обеспечит легкое понимание вашего кода теми, кто будет вносить изменения и дополнения. Отделение содержания от представления, что обеспечит легко читабельный код и смену дизайна сайта простым изменением файла стилей.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]