Уроки по html | Заголовок

Главная->Уроки по html->Заголовок

HEAD
Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).

Пример:
<HTML>

<HEAD>
<title>Справочник по HTML</title>
</HEAD>


<BODY>
Текст документа
</BODY>

</HTML>

TITLE
Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.

Пример:
...
<HEAD>
<TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
...

BASE
Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.

Атрибуты:

HREF – определяет базовый адрес (URL) текущего документа.

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

Пример:
<HEAD>

<BASE HREF="https://proglike.ru/other/index.html">
<TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
...


<A HREF="../list.html">Список</A>

STYLE
Используется для вставки в документ таблицы стилей (CSS – Cascade Style Sheet).

Атрибуты:

TYPE – обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css".

TITLE – определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.

Пример:
<HEAD>
<TITLE>Пример использования таблицы стилей</TITLE>

<STYLE TYPE="text/css" TITLE="Cool table">

</STYLE>

</HEAD>
Примечания:

Практически все популярные браузеры игнорируют атрибут TITLE, поэтому можете его не использовать.

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

Атрибуты:

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="Publisher-Email" CONTENT="[email protected]">
<META NAME="Publisher-URL" CONTENT="Idea GraFix  https://proglike.ru">
<META NAME="Keywords" CONTENT="ProgLike - все самое интересное в мире IT">
<META NAME="Description" CONTENT="ProgLike - все самое интересное в мире IT">
...
</HEAD>