Опубликован: 28.11.2008 | Уровень: для всех | Доступ: платный
Дополнительный материал 2:

Еще немного об элементе head документа

Аннотация: В приложении рассмотрены некоторые, реже используемые, элементы, которые можно добавлять в раздел head документа HTML; они менее важны, но, тем не менее, очень полезны. А также, как объединить несколько документов HTML в большую совокупность из нескольких частей, что такое иконка сайта (favicon) и как ее использовать, и что такое RSS

Введение

В "Элемент HTML head" этого курса мы узнали о важных элементах, которые находятся в разделе head документа HTML. В данном руководстве эта информация будет расширена и будут рассмотрены некоторые другие — реже используемые — элементы, которые можно добавлять в раздел head документа HTML; они менее важны, но тем не менее очень полезны. К концу этого руководства вы узнаете, как объединить несколько документов HTML в большую совокупность из нескольких частей, что такое иконка сайта ( favicon ) и как ее использовать, и что такое RSS. Прежде чем двигаться дальше загрузите сопровождающий эту лекцию zip-файл (http://dev.opera.com/articles/view/supplementary-more-about-the-document/moreinthehead.zip), содержащий код использованных примеров. Лекция имеет следующее содержание:

  • Отношения документов - соединение нескольких документов HTML в совокупность
  • Соединение с альтернативными версиями документа
    • Трансляции
    • Каналы
  • Более привлекательные закладки - использование иконок сайта
  • Заключение
  • Контрольные вопросы

Отношения документов - соединение нескольких документов HTML в совокупность

Одним из свойств HTML, которое имеет свои корни в происхождении Web как хранилища документов, является отношение документов. Оно определяет, как документ связан с другими документами, например, является ли он предшественником или последующим документом в логической цепочке, или он является индексом целой последовательности документов.

В некотором смысле это уже делалось в "Элемент HTML head" , когда таблица стилей применялась к документу, чтобы придать ему другой вид с помощью элемента link.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Breeding Dogs - Tips about Alsatians</title>
  <link rel="stylesheet" type="text/css" media="screen" href="styles.css">
  <link rel="stylesheet" type="text/css" media="print" href="printstyles.css">
</head>
<body>
</body>
</html>

Отношения текущего документа с другими определяется в значительной степени таким же образом с помощью элемента link и атрибутов rel или rev . Атрибут rel (relationship) определяет отношение, которое связанный элемент имеет с текущим, а атрибут rev (reverse relationship) определяет отношение, которое текущий документ имеет со связанным.

Не беспокойтесь слишком много об атрибуте rev - он немного нечеткий, но требуется редко, если вообще требуется.

Не существует обязательных фиксированных значений для атрибутов rel и rev , но для rel существует некоторая таксономия, поддерживаемая браузерами и средствами индексации, которой желательно следовать в большинстве обычных обстоятельств:

home Основной документ текущей совокупности
index Индекс текущей совокупности
contents Список контента текущей совокупности
search Страница поиска текущей совокупности
glossary Глоссарий текущей совокупности
help Страница справки текущей совокупности
first Первый документ текущей совокупности
previous Предыдущий документ относительно данного в логическом порядке совокупности
next Документ, следующий за данным в логическом порядке совокупности
last Последний документ текущей совокупности
up Документ на один уровень вверх в иерархии текущей совокупности
copyright Информация об авторских правах текущей совокупности
author Информационная страница об авторе текущей совокупности

Большинство браузеров ничего не делают с этой информацией. Некоторые, однако, будут следовать по ссылке и загружать документ в фоновом режиме, чтобы он выводился для читателя немного быстрее. Реальным браузером исключением является Opera, который имеет дополнительную навигационную панель инструментов, которую можно включить выбирая в меню View > Toolbars > Navigation bar. После включения вы получите ссылки отношений, определенные в документе как дополнительную панель инструментов. Рисунок 23.1 показывает документ стандартов HTML W3C в браузере Opera:

Браузер Opera показывает ссылочные отношения текущего документа в специальной навигационной панели инструментов

Рис. 52.1. Браузер Opera показывает ссылочные отношения текущего документа в специальной навигационной панели инструментов

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

Теперь давайте перейдем дальше и посмотрим, как ссылочные отношения можно использовать для соединения нескольких документов в совокупность. Например, начальная страница онлайнового курса, охватывающего несколько документов, может иметь следующий вид ( start.html ):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 1//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

  <title>Link relationship example</title>
  <link rel="contents" title="table of contents" href="toc.html">
  <link rel="next" title="next: chapter one" href="chapter1.html">
</head>
<body>
  <h1>Course example</h1>
  <p>This would be the cover page of an article series or course</p>
  <ul>
    <li><a href="chapter1.html" rel="next">Let's start with Chapter One</a></li>
  </ul>
</body>
</html>

Первая глава будет выглядеть таким образом (chapter1.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 1//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

  <title>Chapter One - Link relationship example</title>
  <link rel="contents" title="Table of Contents" href="toc.html">
  <link rel="home" title="Home Page" href="start.html">
  <link rel="prev" title="previous: Home Page" href="start.html">
  <link rel="next" title="next: Second Chapter" href="chapter2.html">
</head>
<body>
  <h1>Chapter One</h1>
  <p>This would be the chapter one page of an article series or course</p>
  <ul>
    <li><a href="start.html" rev="prev">Back to Start</a></li>
    <li><a href="toc.html" rel="contents">Table of contents</a></li>
    <li><a href="chapter2.html" rel="next">Go on to Chapter Two</a></li>
  </ul>
</body>
</html>

Вторая глава (chapter2.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 1//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Link relationship example</title>
  <link rel="contents" title="Table of Contents" href="toc.html">
  <link rel="home" title="Home page" href="start.html">
  <link rel="prev" title="previous: first chapter" href="chapter1.html">
</head>
<body>
  <h1>Chapter Two</h1>
  <p>This would be the second chapter page of an article series or course</p>
  <ul>
    <li><a href="chapter1.html" rev="prev">Back to chapter 1</a></li>
    <li><a href="toc.html" rel="contents">Table of contents</a></li>
  </ul>
</body>
</html>

И наконец оглавление (toc.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 1//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Table of contents - Link relationship example</title>
  <link rel="home" title="home page" href="start.html">
</head>
<body>
  <h1>Table of contents</h1>
  <ul>
    <li><a href="chapter1.html">Chapter One - about stuff</a></li>
    <li><a href="chapter2.html">Chapter One - about other stuff</a></li>
  </ul>
  <ul>
    <li><a href="toc.html" rel="home">Back to home</a></li>
  </ul>
</body>
</html>

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

Атрибуты rel и rev можно использовать также для других целей, таких как микроформатирование (Microformats) - познакомьтесь при желании со статьей о некоторых применениях XFN Microformat (http://dev.opera.com/articles/view/xfn-encoding-extraction-and-visualizat/).
Марина Походаева
Марина Походаева

Помогите мне. Я ничего не понимаю в курсе ((((((   (от слова "совсем") и мне от этого очень грустно. Есть ли какие-нибудь курсы для "чайников", самые простые в объяснении. ПАМАГИТЕ!!!

Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Данила Некрасов
Данила Некрасов
Россия, Пермь, ПНИПУ
Сергей Федоров
Сергей Федоров
Россия