HTML-Учебник.Зоголовок.
Заголовок.
Создается с помощью элемента HEAD , между тегами которого размещаются элементы, содержащие техническую информмацию о документе. Зоголовок обычно располагается до тела документа (см. структуру HTML - документа).
Элементы, относящиеся к заголовку документа.
HEAD - Определяет начало и конец заголовка документа
TITLE - Определяет имя всего документа, которое отображается в заголовке окна браузера
BASE - Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа
STYLE - Используется для вставки в документ таблицы стилей CSS
LINK - Описывает взаимосвязь документа с другими объектами
META - Используется для вставки метаданных
HEAD
(HTML 1.0) - Head
Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).
Пример:
<HTML>
<!-- Начинаем заголовок -->
<HEAD>
<TITLE> Учебник по HTML </TITLE>
</HEAD>
<!-- ...кончили. Дальше посшло тело документа -->
<BODY>Текст документа</BODY>
</HTML>
TITLE
(HTML 2.0) - Title
Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
Пример:
...
<HEAD>
<TITLE> Руководство по эксплуатации </TITLE>
</HEAD>
...
Примечание:
Комментарии, расположенные внутри элемента TITLE (как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна. Иначе говоря, тег <!-- --> внутри TITLE не действует.
BASE
(HTML 3.2) - Base URL
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.
Атрибуты:
HREF - определяет базовый адрес (URL) текущего документа.
TARGET - определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.
Пример:
<HEAD>
<!-- Пусть браузер думает, что находится по адресу : -->
<BASE href="http://www.igf.ru/other/index.html">
<TITLE> Руководство по эксплуатации </TITLE>
</HEAD>
...
<!-- А теперь создадим относительную ссылку на документ -->
<!-- http://www.igf.ru/list.html -->
<A href="../list.html">Список</A>
STYLE
HTML 3.2) - Style
Используется для вставки в документ таблицы стилей (CSS - Cascade Style Sheet).
Атрибуты:
TYPE- обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css".
TITLE - определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.
Пример:
<HEAD>
<TITLE> Пример использования таблицы стилей </TITLE>
<!-- Втыкаем табличку стилей : -->
<STYLE TYPE="text/css" TITLE="Cool table">
<!--A {text-decoration : none;}
P {color : blue; font-size : 12pt; font-family : Arial;}
H1 {color : red; font-size : 18pt;} -->
</FONT>
</STYLE>
<!-- ... кончили втыкать -->
</HEAD>
Примечания:
Практически все популярные браузеры игнорируют атрибут TITLE , поэтому можете его не использовать. А жаль, задумка-то была неплохая...
LINK
(HTML 2.0) - Link
Элемент LINK описывает взаимосвязь документа с другими документами на сайте, указывая его место в иерархической структуре сайта. Элемент не имеет конечного тега. В заголовке может содержаться несколько элементов LINK
Атрибуты:
HREF - определяет URL обьекта.
REL - определяет тип взаимосвязи текущего документа с обьектои, определяемый атрибутом HREF . Возможные значения :
-
stylesheet - указывает на файл, содержащий таблицу стилей (CSS) для текущего документа. Брайзер загрузит css-файл с указанного в атрибутеHREF адреса и применит его к текущему документу (см. также элемент STYLE )
-
home - указывает на заглавную страницу вашего сайта.
-
toc, contents - указывает на файл, содержащий оглавление данного документа.
-
index - указывает на файл, содержащий информацию для индексного поиска по текущему документу.
-
glossary - указывает на файл, содержащий перечень терминов, относящихся к текущему документу.
-
copyright - указывает на страницу сайта, в котром говорится о его создателях, авторских правах и т.п.
-
up, parent - указывает на "родительскую" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
-
child - указывает на "дочерною" страницу (документ, стоящий на ступеньку ниже в иерархической структуре вашего сайта).
-
next - указывает на следуйщую страницу в последовательности документов (напр. следуйщую страницу электронного каталога, документации или словаря).
-
previous - указывает на предыдущую страницу в последовательности документа
-
last , end - указывает на последнюю страницу в последовательности документов.
-
first - указывает на первую страницу в последовательности документов.
-
help - указывает на страницу с подсказкой (напр. по навигации по вашему сайту).
TYPE - определяет MIME-тип для объекта, указанного в атрибуте HREF.
Пример 1:
<HEAD>
<TITLE> Элемент DIV </TITLE>
<LINK REL="HOME" TITLE=" HTML-справочник " href="index.html">
<LINK REL="UP" TITLE=" Текстовые блоки " href="textblocks.html">
<LINK REL="PREVIOUS" TITLE=" Элемент P " href="p.html">
<LINK REL="NEXT" TITLE=" Элемент ADDRESS " href="address.html">
</HEAD>
Пример 2:
<HEAD>
<TITLE> Полдневье </TITLE>
<LINK REL="stylesheet" TYPE="text/css" href="deco1.css">
</HEAD>
Примечания:
Элемент LINK , к сожалению, используется web-мастерами довольно редко, чаще всего только для внедрения CSS из отдельного файла. Почти все браузеры игнорируют информацию о положении документа в структуре сайта - эта информация интересна только индексирующим роботам поисковых систем.
META
(HTML 2.0) - Meta
Элемент META используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега.
Атрибуты:
NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.
HTTP - EQUIV - определяет имя мета-записи. Практически аналогичен атрибуту NAME , но используется лишь в случае необходимости передачи дополнительной информации в HTTP -заголовке.
CONTENT - присваивает значение мета-записи, определенной в атрибуте NAME (или HTTP - EQUIV ).
Пример 1:
<HEAD>
...
<META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT">
<META NAME="GENERATOR" CONTENT="Greenback">
<META NAME="Publisher-Email" CONTENT="green@igf.ru">
<META NAME="Publisher-URL" CONTENT="Idea GraFix – http://www.igf.ru/">
<META NAME="Keywords"CONTENT="OpenGL,3D,graphics,3Dfx,Permedia,Diamond,графика">
<META NAME="Description" CONTENT="Российский сайт, полностью посвященный 3D-графике, ее разработке и использованию.">
...
</HEAD>