Взаимодействие HTML верстки с CSS

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

находящаяся в отдельном файле таблица подключается к документы при помощи специального тега <link>, при этом тег находится между «головными» частями документа (<head> и <head/>), действуют стилевые таблицы в таком случае на всю страницу;
другой вариант подключения – с помощью специальной директивы под названием @import, которая обычно располагается в промежутке между теговыми частями <style> и <style/>;
вписанная внутрь документа таблица CSS может располагаться между вышеозначенными тегами;
если верстальщик страницы хочет, чтобы описательные таблицы действовали в рамках конкретного тега, он может вставить их между соответствующими теговыми параметрами.

Основные аспекты использования CSS-описания в веб-страницах
Итак, мы выяснили, какими путями могут внедряться подобные стилевые таблицы в сверстанный веб-документ. Теперь перечислим основные преимущества использования подобного взаимодействия CSS и HTML:

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

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

Взаимодействие HTML верстки с CSS

Похожие статьи