Табличная верстка сайта или верстка блоками. }

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

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

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

Вот и получается, что применение таблиц оправдано. Их стали использовать в качестве макетов страницы. Многие начинающие так поступают и по сей день, так как это более простое решение. Но за всем этим стоит большая проблема в оптимизации кода. Страницы получаются громоздкими и тяжелыми. Смотрите сами, простая таблица:

В ней может быть достаточно много вложенных таблиц с разным количеством столбцов. Соответственно можно построить таблицами практически любую структуру сайта. Такое было ранее и это встречается и сейчас.

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

Вот так, может быть представлена та же таблица в виде блочной (div) верстки:

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

Тогда почему многие начинающие верстальщики выбирают табличную верстку? На мой взгляд это происходит по ряду причин:

• На первый взгляд проще представить макет и структуру веб-сайта.
• Метод довольно широко распространен, изучен и не нужно постоянно читать много дополнительной литературы по CSS.

К недостаткам табличной верстки по сравнению с блочной можно отнести:

• Достаточно большой код страницы, что существенно увеличивает ее вес, как правило, в 2–3 раза (в зависимости от сложности структуры страниц).
• Увеличивает время загрузки веб-сайта.
• Увеличение общемирового интернет-трафика.
• Увеличение нагрузки на сервер.
• Затруднено изменения оформление страниц сайта, при блочной верстке вынесенное в CSS-файл, при этом практически отсутствует необходимость редактирования HTML-кода.
• Затруднено манипулирования элементами сайта. Любой SEO-специалист подтвердит, что чем выше контент располагается в HTML-коде, тем боле значима такая страница с точки зрения поисковой оптимизации. Поисковые системы отдадут больше респекта такой странице и быстрее проиндексируют ее. Благодаря возможностям div верстки можно добиться того, что в коде сначала пойдет основной контент, а только потом шапка, левая и/или правая колонки. При этом внешний вид страницы совершенно не изменится. Несомненно, таблицами тоже можно добиться подобного результата, однако дивы позволяют реализовать это гораздо проще.
• Громоздкий код страницы, при блочной верстке визуально приятна прозрачность кода при верстке дивами – нет никаких нагромождений тегов, все очень красиво и компактно.

Блочная верстка или верстка div-ами базируется на знании технологии каскадных таблиц стилей (CSS). Сейчас уже говорить о табличной верстке не «модно». На самом деле я бы посоветовал больше читать о css, так как стили творят чудеса. Сам я тоже начинал с табличной верстки, затем перешел на смешанный вариант, ну а сейчас только верстка блоками. Но считаю, к этому верстальщик должен прийти осознано, ведь залог успеха любого дела – качественный продукт!