- •2.3.6. Связи между html-документами
- •2.3.8. Тело документа
- •2.4. Форматирование текста
- •2.4.1. Тэги уровня блока и последовательные тэги
- •2.4.2. Физические стили
- •2.4.3. Параметры шрифта
- •2.4.4. Разделение текста на абзацы
- •2.4.5. Логические стили
- •2.4.7. Комментарии
- •2.4.8. Специальные символы
- •2.5. Списки
- •2.5.1. Маркированные списки
- •2.5.2. Нумерованные списки
- •2.5.3. Списки определений
- •2.6. Организация гиперссылок
- •2.6.1. Относительные ссылки
- •2.6.2. Абсолютные ссылки
- •2.6.3. Внутренние ссылки (анкера)
- •2.6.4. Ссылки на другие виды ресурсов
- •2.7. Изображения
- •2.8. Цветовая гамма
- •2.9. Таблицы
- •2.10. Фреймы
- •2.11. Формы
- •2.11.1. Назначение форм
- •2.11.2. Синтаксис формы
- •2.11.3. Взаимодействие между браузером и web-сервером
- •2.11.4. Mime-типы
- •2.11.5. Url-кодирование
- •2.11.6. Методы передачи данных
- •2.11.7. Поля ввода формы
- •3.1. Таблицы стилей css
- •3.1.1. Логическое и физическое форматирование
- •3.1.2. Понятие стиля, таблицы стилей и css
- •3.1.3. Правила css
- •3.2. Связывание html с css
- •3.2.1. Встраивание css в html
- •3.2.2. Внедрение таблицы стилей
- •3.2.3. Связывание таблицы стилей
- •3.2.4. Импорт таблицы стилей
- •3.3. Приоритеты использования таблиц стилей
- •3.4. Группирование
- •3.5. Наследование
- •3.3. Селекторы
- •3.3.1. Селектор class
- •3.3.2. Селектор id
- •3.4. Функции таблиц стилей
- •3.5. Объектная модель документа
- •3.5.1. Структура документа
- •3.5.2. Функции объектной модели документа
- •3.6.1. Проблема http-соединения
- •3.6.2. Назначение cookie
- •3.6.3. Формат cookie
2.3.6. Связи между html-документами
Часто HTML-документы связаны между собой, то есть имеют ссылки друг на друга. Ссылки могут быть как абсолютные, так и относительные.
Абсолютные ссылки могут быть громоздкими и переставать работать, если перемещен младший по иерархии документ. Относительные ссылки легче вводить и обновлять, но и эта связь обрывается, если перемещен старший по иерархии документ. Оба вида связей могут нарушиться при переносе документа с одного компьютера на другой.
Для решения этой проблемы используются тэги <base> и <link>, которые включаются в заголовок для того, чтобы связь между документами не нарушалась.
Тэг <base> служит для указания полного базового URL-адреса документа. С его помощью относительная ссылка продолжает работать, если документ переносится в другой каталог или даже на другой компьютер.
Тэг <base> имеет один обязательный параметр href, после которого указывается полный URL-адрес документа. Пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title> Указание базового адреса </title>
<base href="//www.volsu.ru/fitt"/>
</head>
<body>
<img src="/pics/news.gif" alt="News"/>
</body>
</html>
Тэг <link> указывает на связь документа, содержащего данный тэг и другого документа или объекта. Он состоит из URL-адреса и параметров, конкретизирующих отношения документов. Заголовок документа может содержать любое количество тэгов <link>. В Таблица 1 описаны параметры тэга link.
Таблица 1. Параметры тэга link
Параметр |
Назначение |
href |
Указывает на URL-адрес другого документа |
Rel |
Определяет отношение между текущим и другим документом |
rev |
Определяет отношение между другим документом и текущим (отношение, обратное REL) |
type |
Указывает тип и параметры присоединенной таблицы стилей |
Пример:
<link rel="contents" href ="../toc.html"/>
<link href="mailto:info@fitt.volsu.ru" rev="made"/>
Первая строка указывает на связь с файлом оглавления документа (toc.html — table of contents) с прямым отношением contents. Вторая строка описывает связь с URL-адресом автора документа (с обратным отношением made).
Между документами может существовать множество различных отношений. Примеры других значений параметра rel: bookmark, copyright, glossary, help, home, index, toe, next, previous. Параметр revможет также принимать значения: author, editor, publisher, owner.
2.3.7. Тэг meta
В раздел заголовка может быть добавлен еще один тэг <meta>, позволяющий авторам документа определять информацию, не имеющую отношения к HTML. Эта информация используется браузером для действий, которые не предусмотрены текущей спецификацией HTML.
Пример:
<meta http-equiv="refresh" content="60"/>
Этот тэг инструктирует браузер перезагружать страницу каждые 60 секунд, что может быть полезно, если данные на странице часто обновляются.
Кроме того, в качестве примера можно привести указание ключевых слов, используемых поисковыми системами. Этот способ позволяет включать в индекс документа дополнительные слова, которые могут явно не входить в его содержание. Для этого в тэге <meta> в качестве значения параметра name указывается имя некоторого свойства.
Спецификация HTML не определяет каких-либо конкретных имен свойств, записываемых в тэге <meta>. Однако есть несколько часто применяемых свойств, например, description, keywords, author, robots и др.:
<meta name="description" content="Технологии созания интернет-узлов"/>
<meta name="keywords" content="тэг, гипертекст, HTML, браузер"/>
Еще одно назначение тэга <meta> — это указание кодировки текста. Например, для текста на русском языке в кодировке Windows используется следующий тэг:
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"/>