Главная » Статьи » Програмирование » HTML

Заголовок HTML-документа

Добавил: swich e-mail от 01.11.2010, просмотров: 737

Заголовок 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>
...


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;}
        -->

    </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
Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тэга.


Параметры:

NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.

HTTP-EQUIV - определяет имя мета-записи. Практически аналогичен параметру NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке.

CONTENT - присваивает значение мета-записи, определенной в параметре NAME (или HTTP-EQUIV).


Пример:
<HEAD>
    ...
    <META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT">
    <META NAME="GENERATOR" CONTENT="Владимир Городулин">
    <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>


Добавлено в: HTML
Смотрите так же:
⇒ Справочник по HTML
⇒ Free Press Interview
⇒ Процедуры и функции
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]