HTML верстка

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

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

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

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

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

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

Слои возможно размещать в окошке браузера с точностью до пиксела. Положение слоя задается 2-мя координатами сравнительно любого угла окна браузера, родительского элемента или документа.

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

Если сравнивать м/у собою скорость загрузки веб-страниц, созданных с применением таблиц и слоев, то у табличной вёрстки есть определённые недочеты. Содержимое таблицы грузится медленнее, чем информация в слоях

Браузеры преднамеренно расценивают таблицу как 1 объект, из-за чего содержимое таблицы не показывается до тех пор, пока оно полностью не будет загружено на локальный компьютер. Это имеет смысл, если взять во внимание назначение таблиц. Изначально они были задуманы для хранения табличных данных, а их отлично показывать тут же полностью, а не беспорядочно по мере загрузки. При использовании таблицы в качестве каркаса для размещения элементов веб-страницы, её исходное преимущество обращается в недостаток, так как приводит к задержке вывода содержимого. Нужно учитывать, к тому же, и растущий объем веб-страниц при активном использовании таблиц, в особенности в случае их вложенности друг в друга. Всё это приводит к тому, что табличная верстка вызывает ненужные задержки вывода информации в браузере.