Бестабличный web-дизайн

layoutgala1

Бестабличный web-дизайн является веб-дизайнерской философией, по которой воздерживаются от использования HTML таблиц для разметки страницы в целях контроля. Вместо HTML таблиц используются таблицы стилей языков, такие как CSS (каскадные таблицы стилей), которые применяются для организации элементов и текста на веб-странице.
CSS стал использоваться с декабря 1996 года для улучшения доступности и поддержки сайта, а также, чтобы HTML код семантическим (то есть смысловым), а не презентационным. Примерно в то же время, в конце 1990-х годов, как бум dot-com привел к быстрому росту «новых медиа» веб-страниц и созданию дизайна, так началась тенденция использования HTML таблиц, и их строк, столбцов и ячеек для контроля управления макетом целых веб-страниц. Это было связано с несколькими причинами:
— ограничения на время поддержки CSS в основных браузерах;
— недостаточное знакомство с CSS новых веб-дизайнеров;
— распространенность в печатном дизайне сетки, основанной на макете стратегий;
— отсутствие знаний или озабоченность по причинам (в том числе семантики HTML и web accessibility) использования CSS вместо того, что воспринимается как более легкий способ быстрого достижения поставленной цели;
— новое поколение WYSIWYG веб-дизайнерских инструментов, которые поощряли эту практику.
Последнее время наблюдается все большее понимание среди специалистов по веб-контенту преимуществ, ограничивающих использование HTML-таблиц в их назначении и смысловой цели – то есть закладка табличных данных или другой информации. Эти преимущества включают улучшение доступности информации для широкого круга пользователей, используя широкий спектр пользовательских агентов. Есть экономия полосы пропускания, так как большое количество семантически бессмысленных «table», «tr» и «td» тегов удаляются из нескольких десятков страниц оставляя меньше, но более значимые заголовки, абзацы и списки. Макет инструкции передаются в масштабах сайта CSS стилей, которые можно загрузить один раз и кешировать для повторного использования, а не вынуждать каждого посетителя переходить на сайт. Сайты становятся более удобным в эксплуатации, более управляемыми, поскольку с сайтом можно провести рестайлинг или ребрендинг за один проход только путем изменения конкретного CSS, влияющего на каждую страницу, которая опирается на таблицы стилей.