создание сайтов

Статьи > Веб-Стандарты > Таблицы html или блоковая разметка web-страниц

Таблицы html или блоковая разметка web-страниц

Краткий курс истории дизайна web страниц

html таблицы, web страница, html, web, веб, css, веб-стандарты В начале 90-х годов при разработке сайтов широко практиковалось использование html таблиц для создания структуры web-страницы.
Таблицы html изначально не предназначались для создания на их основе веб сайтов и для контроля над визуальным стилем web страниц.
Таблицы html предназначались только для отображения данных в столбцах и строках.
Но раньше не было механизма удовлетворяющего потребности в более передовых форматах, и тогда веб-дизайнеры обнаружили, что они могут использовать html таблицы для создания сайтов.
Таблицы html были тогда единственным вариантом для создания макетов web-страниц и люди использовали их.
При создании web страниц на основе построения html таблиц – макет web-страницы разбивался на ячейки, а html-код вставлялся в разметку html таблицы.
При создании web страниц на основе таблиц html элементы страницы заключены внутри тэгов <table></table>, сообщающих браузеру, что «это таблица».
Таблицы html отображаются в браузере, только после полной загрузки содержания таблицы, что уменьшает скорость загрузки web-страницы.
Начиная с этого времени, веб-дизайнеры регулярно злоупотребляют стандартами языка html, используя html таблицы для разметки web страниц.
Таблицы html использовались при разработке web-страниц на протяжении очень долгого времени.

Предвосхищение

Деятельность по развитию веб-технологий никогда не стояла на месте – на протяжении многих лет велись работы по созданию веб-стандартов.
Требовалось решить техническую задачу по созданию алгоритма совместимости и предоставления доступа к веб-текстам для:

  • пользователей сайтов
  • мобильных устройств
  • роботов поисковых машин и т. д.

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

Создание веб-стандартов

Стандарт CSS был создан международным консорциумом W3C, занимающимся разработкой веб-стандартов – в 1996 году.
Язык CSS позволяет формировать стили для web-страниц.
Затем постепенно все современные браузеры стали поддерживать и правильно отображать CSS – разметку.
Постепенно веб-дизайнеры стали использовать CSS – сначала в рамках дизайна html таблиц, для создания простых стилей создаваемых web страниц, что позволяло легко форматировать текст, изменяя такие элементы, как и шрифт, цвет, цвета фона и т. д.
Как только наиболее продвинутые разработчики стали знакомиться с новыми тенденциями в веб-дизайне, они стали применять их для создания web-страниц, и отказались от устаревшей схемы, на основе html таблиц.
В последнее время, разработчики начали использовать CSS для определения местоположения элементов структуры и планировки всей web страницы.

Использование стандартов

Смысл существования веб-стандартов заключается в «правильном» использование структурированных языков XHTML и CSS и отделения с их помощью дизайна сайта от его структуры.
При создании сайтов с использованием технологий web-стандартов язык XHTML должен использоваться только для логического оформления структуры расположения текстовой и графической информации на web-странице.
В то же время язык разметки CSS должен быть использован, для определения стиля и внешнего вида web страницы – он как язык дизайна предназначен для управления шрифтами, цветом, размерами, параметрами расположения элементов и изображений на странице и т. д.
Современные веб-стандарты W3C предполагают блоковую разметку web-страниц.

Бег на месте

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

Идем дальше

Если Вы прочитали эту статью и хотите узнать больше о веб-стандартах, тогда прочитайте следующую статью на эту тему:
Причины перехода на веб-стандарты >>>


     карта сайтаКарта сайта