Нет времени на сложную верстку

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

Если подходить критично к способам использования таблиц, то действительной причиной их популярности является консерватизм разработчиков, привычность и быстрота верстки сайтов с их помощью. Ясно одно — таблицы постепенно сдают свои позиции в пользу верстки слоями. Но пройдет еще несколько лет, прежде чем «табличные» сайты станут раритетом и исчезнут с простора Рунета.

Верстка с помощью CSS: достоинства и недостатки

Преимущества, наиболее важные из которых следующие:

В таблице стилей можно задать оформление не только для какого-то одного конкретного элемента, но и для всех элементов, удовлетворяюши указанному селектору. Не требуется записывать в HTML оформление для каждого заголовка. Если теперь потребуется изменить оформление — например, во всех заголовках на всех страницах сайта поменять шрифт Verdana на шрифт Tahoma — достаточно будет обновить одну строку в таблице стилей. Если бы оформление создавалось средствами HTML, пришлось бы в каждом файле перебирать все заголовки и менять «Verdana» на «Tahoma»;

Многие эффекты оформления доступны только в CSS, их нельзя добиться с помощью HTML. Среди таких эффектов, например, разрядка текста, надчеркивание и измененный междустрочный интервал, разнообразные рамки, а также наложение элементов друг на друга. Чтобы не запутаться в том, какое оформление сделано средствами HTML, а какое — средствами CSS, лучше делать все с помощью таблиц стилей;

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

Разграничение кода и оформления

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

Разное оформление для разных устройств

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

Расширенные по сравнению с HTML способы оформления элементов

В отличие от HTML стили имеют гораздо больше возможностей по оформлению элементов веб-страниц. Простыми средствами можно изменить цвет фона элемента, добавить рамку, установить шрифт, определить размеры, положение и многое другое.

Ускорение загрузки сайта

При хранении стилей в отдельном файле, он кэшируется и при повторном обращении к нему извлекается из кэша браузера. За счёт кэширования и того, что стили хранятся в отдельном файле, уменьшается код веб-страниц и снижается время загрузки документов.

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

Статьи к прочтению:

Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.

Похожие статьи: