Поэтому целесообразно
обрамлять лист стилей символами HTML-комментария, и тогда устаревшие
браузеры будут попросту игнорировать содержимое контейнера .. .:
( Примечание J
Комментарии предусмотрены не только в HTML, но и в подавляющем
большинстве других компьютерных языков. Их основное предназначение— дать
возможность разработчику оставлять непосредственно в коде заметки
произвольного содержания. В большинстве случаев комментарии поясняют те или
иные фрагменты кода, чтобы в них можно было легко разобраться.
Комментарии никак не влияют на функциональность кода.
В языке HTML начало комментария определяется символьной
последовательностью . Между этими
последовательностями могут находиться любые символы, кроме самих отмеченных сочетаний
знаков. Комментарий может занимать несколько строк.
В CSS предусмотрен свой собственный синтаксис для комментариев. Начать
комментарий можно после сочетания символов /*, а последовательность */
указывает на окончание комментария. Точно так же, как в HTML, в CSS не
разрешены вложенные комментарии; комментарий в CSS, как и в HTML, при
необходимости может занимать несколько строк.
Правила XHTML требуют, чтобы фигурирующие в содержимом элементов и
значениях атрибутов тегов служебные символы, которые могут быть
восприняты как управляющие конструкции разметки, были заменены
соответствующими ссылками на символьные объекты: ««— >, V —
& и Т. Д.
Внутри HTML-комментариев эти знаки могут употребляться в
непосредственном виде, но сказанное справедливо только в том случае, если тип
содержимого, указываемый веб-сервером в поле content-type HTTP-ответа —
text/html. «Истинный XHTML», сопровождаемый MIME-типами text/xmi,
application/xml ИЛИ application/xhtml+xml, Подобных ВОЛЬНОСТеЙ уже не ДО-
пускает.
124
Часть I. Технологические основы
Фрагменты XML-документов, которые не должны обрабатываться
синтаксическим анализатором XML, необходимо заключать в разделы CDATA:
Здесь могут содержаться любые символы
]]>
Это относится и к листам стилей, поскольку в них вполне могут встречаться
«запрещенные» спецсимволы. Слегка исхитрившись, можно воплотить и
универсальное обрамление для листов стилей, пригодное как для документов,
имеющих тип содержимого text /html, так и для «истинных» XHTML-
доку ментов:
Но мы, пожалуй, не будем пока использовать эту «гремучую смесь» из
HTML- и CSS-комментариев в сочетании с объявлением раздела CDATA, a
ограничимся лишь более или менее привычными HTML-комментариями, ибо
сегодня, как уже говорилось в главе 2, отказываться от типа text/html для
веб-страниц еще слишком рано. А поэтому все сказанное относительно
разделов CDATA следует воспринимать пока только как информацию на
перспективу.
Листы стилей могут включать в себя директивы @import, позволяющие
вставлять содержимое одного листа стилей в другой, «склеивать» листы стилей по
кусочкам. Использование директивы @import можно рассматривать как
альтернативный способ связи веб-страницы с внешним листом стилей:
Наконец, можно использовать местные, или локальные, объявления стилей
непосредственно в HTML-коде для определения свойств одного конкретного
элемента. С этой целью в HTML предусмотрен атрибут style, допустимый
для любых тегов, определяющих отображаемые агентом пользователя
элементы:
…
Глава 3. Оформление веб-страниц с использованием каскадных листов стилей 125
Вниманию читателей предлагается первый практический пример к этой
главе, иллюстрирующий все вышесказанное. Как и в случае с примерами из
главы 2, его можно найти на компакт-диске, прилагаемом к книге.
Этот пример, демонстрирующий различные способы взаимосвязи листов
стилей с HTML-документами (а заодно — использование комментариев),
состоит из трех файлов — XHTML-страницы index.html, являющейся
модификацией листинга 2.6, и двух внешних листов стилей stylel .ess и style2.css.
[Листинг ЗЛ* Код файла index.html
*Ъ «http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd»>
Элементы логической разметки HTML
Все элементы логической разметки можно подразделить на два типа:
блочные (block) и внутристрочные (inline).
126
Часть I.
|
5th Фев 2011
|
Теги:
|