Слои – это особые структурные элементы, размещаемые на веб-страницах путем их точного наложения, до одного пикселя, друг на друга. Динамическое изменение параметров слоя можно осуществлять при помощи скриптов, что позволяет создавать на страницах разные эффекты, например, выпадающее меню, игры, плавающие окна, разворачивающиеся баннеры, и прочее. Еще недавно основными инструментами верстки страницы являлись фреймы и таблицы. Но наличие у фреймов ряда проблем постепенно отодвигает их использование на задний план, поэтому не удивительно, что в стандарт HTML 5 больше не включена поддержка фреймов. Применение таблиц, напротив, широко востребовано в различных случаях от делания с их помощью рамок, модульных сеток, до создания цветного фона, выравнивания элементов, и в других случаях. Более современные последние версии браузеров в работе со слоями строже подходят к стандартам и содержанию средств.
Преимущества слоев хорошо видны в удобстве выбора и настройки через стили. Использование стилевых таблиц расширяет спектр оформительских изысков, позволяет простыми методами получать компактный и в тоже время эффективный код. Перемещение, показ слоя происходит без перезагрузки страницы. Всего несколько инструкций позволяют создавать различные эффекты в виде выпадающих меню, движущихся элементов, всплывающих подсказок. При этом даже увеличение кода, вызванное добавлением подобных трюков, не требует обновления и повторной загрузки документа, со стороны браузера не происходит лишних задержек, а выразительность и привлекательность сайта от использования подобных приемов в работе со слоями повышается многократно.
Способность накладывать слои друг на друга на веб-странице упрощает размещение элементов и увеличивает возможности при верстке. Размещение слоя в окне браузера происходит с точностью до одного пикселя, при этом положение слоя определяют две координаты относительно любого из углов окна браузера, родительского документа, элемента. В сравнении с таблицами отображение слоев происходит быстрее благодаря использованию компактного отображения содержимого слоя, происходящему по мере загрузки. Правда иногда это вызывает «скачки» элементов страницы при их подгрузке.
Считать использование слоев панацеей от всех бед еще рано. Необходимо продолжать разбираться в тонкостях поведения браузеров, возникающих от использования различных элементов стилей. Рабочие стандарты слоев еще не устоялись, также у браузеров по-разному реализуются определенные возможности, поэтому создать универсальный код, одинаково и без ошибок работающий в разных браузерах, очень сложно.
