HTML, XHTML и CSS на 100%. Игорь Квинт

Читать онлайн.
Название HTML, XHTML и CSS на 100%
Автор произведения Игорь Квинт
Жанр Интернет
Серия
Издательство Интернет
Год выпуска 2010
isbn 978-5-498-07594-5



Скачать книгу

применены такие же стили, как и в предыдущем примере, но параметры заданы с помощью атрибута style.

      На рис. 1.4 показан результат обработки кода из листинга 1.7.

      Рис. 1.4. Установка стилей с помощью атрибута style

      Как видно из рисунков, результаты обоих листингов одинаковые по стилям. Однако задавать стили в начале документа удобнее, потому что при необходимости их легко будет найти и исправить.

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

      Подключить файл со стилями к документу можно двумя способами. Первый представлен в листинге 1.8 и использует элемент STYLE. Внутри этого элемента нужно записать такую строку: @import URL("nyTb к файлу с таблицами");.

Листинг 1.8. Импорт файлов с таблицами стилей

      <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

      "http://www.w3.org/TR/html4/loose.dtd">

      <html>

      <head>

      <style>

      @import URL("test.css");

      </style>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

      <title>Использование стилей</title>

      </head>

      </html>

      При такой настройке к элементам нашего документа можно будет применять стили, описанные в файле test.css.

      Элемент LINK

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

      Основным для этого элемента является атрибут href; его значение – это путь к объекту, для которого описывается тип связи. Этот атрибут является обязательным, что вполне логично – странно было бы устанавливать связи с объектом, не указав, где он расположен.

      Другим атрибутом является type, он задает параметры объекта, с которым определяется связь. При связывании таблиц стилей этот атрибут принимает значение text/css.

      У элемента LINK есть два взаимодополняющих атрибута: rel и rev. Первый определяет отношение между текущим документом и другим, а второй – отношение другого документа к текущему. Эти атрибуты могут принимать различные фиксированные значения, которые обозначают типы отношений.

      В листинге 1.9 представлены примеры использования элемента LINK.

Листинг 1.9. Использование элемента LINK

      <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

      "http://www.w3.org/TR/html4/loose.dtd">

      <html>

      <head>

      <link href="test.css" rel="stylesheet" type="text/css" />

      <link href="copyrihgt.html" rel="copyright" />

      <link href="help.html" rev="help" />

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

      <title>Использование элемента LINK</title>

      </head>

      </html>

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

      В табл. 1.6 приведены некоторые возможные значения атрибута rel. За более подробной информацией стоит обратиться к специальной литературе или к спецификации на сайте W3C.

Таблица 1.6. Некоторые значения атрибута rel

      Совет

      Использование