Верстка с помощью слоев | Vladmaxi.net
ГлавнаяВеб-дизайнеруВерстка с помощью слоев
Дата: 16.05.2014 в 12:40 | Просмотров: 3402

Верстка с помощью слоев

верстка с помощью слоев

Термин «слой» (<div>), используемый при верстке сайтов, определяет элемент веб-страницы, к которому применяется стилевое оформление. Параметры слоев можно менять с помощью параметров, что дает множество возможностей при оформлении сайта.

До того, как слои стали применяться повсеместно, веб-мастера верстали сайты с помощью таблиц и фреймов. Но страницы с фреймами плохо индексировались поисковыми системами, а разметка структуры с помощью таблиц было довольно кропотливым и неудобным делом.

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

Верстка сайта. CSS и DIV против TABLE

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

Еще одно немаловажное преимущество слоев перед таблицами – это скорость загрузки. Страница, оформленная с помощью слоев, загрузится быстрее, чем такая же страница с табличной версткой. Происходит это потому, что браузеры рассматривают таблицу как целый объект, и сайт не отобразится до тех пор, пока весь код, размещенный между <table> и </table>, не загрузится полностью на локальный компьютер. Слои же, в отличие от столбцов и строк таблиц, определены независимо друг от друга, потому загрузка страницы будет последовательной.

Верстка сайта. HTML, CSS и браузеры

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


Добавить комментарий