Все теги, которые расположены между <head> и </head> — это что-то вроде служебной технической информации. Взять для примера тег <title> — это заголовок. Для чего он, спросите Вы?
Откройте браузер и взляните поверх всех командных строк (именно, на заглавие окна)... Увидели?
Элемент HEAD (обозначенный тегами <head> и </head>) размещается непосредственно перед телом HTML-документа, которое определяется тегами <body> и </body> (смотрите структуру документа HTML).
Между тегами <head> и </head> могут находиться такие составляющие:
HEAD — определяет начало и конец элемента, внутри которого, находится вся служебная информация, предназначенная для браузера.
TITLE — указывает имя документа (интернет-страницы), которое отображается в окне обозревателя (браузера). Может быть указан, но не более одного раза.
BASE — определяет базовый адрес, от которого, в последствии, отсчитываются относительные ссылки внутри Вашего документа. Не имеет закрывающего тега </>. При этом, обязательным моментом здесь, является наличие хотя бы одного из параметров (атрибутов):- HREF — определяет базовый адрес (URL) интернет-страницы;
- TARGET — определяет фрейм (его имя), который будет использован в гиперссылках по умолчанию.
Пример.
<HEAD>
<!-- Пускай браузер думает, что он находится по адресу: -->
<BASE HREF="http://web-creature.net">
<TITLE>Создание сайта</TITLE>
</HEAD>
...
<!-- А вот теперь давайте создадим относительную ссылку на наш документ -->
<!-- http://web-creature.net/html/golova-head-html-stranicy.html -->
<A HREF=".../golova-head-html-stranicy.html">Список</A>
...
STYLE — служит для вставки в документ каскадной таблицы стилей CSS (Cascade Style Sheet).
Имеет такие атрибуты:
- TYPE — определяет MIME-тип интегрируемой таблицы стилей. Является обязательным атрибутом и, как правило, имеет значение «text/css».
- TITLE — определяет название каскадной таблицы стилей. В нем возникает необходимость, если планируют использовать в одном документе несколько правил STYLE. При этом, браузер будет вынужден спросить, какой именно из предложенных стелей будет применим к документу. Все современные браузеры игнорируют этот атрибут — можна не использовать.
Пример.
<HEAD>
<TITLE>Использование таблицы стилей CSS</TITLE>
<!-- Вставляем таблицу стилей -->
<STYLE TYPE="text/css" TITLE="Great table">
<!--
A {text-decoration : none;}
P {color : blue; font-size : 14pt; font-family : Verdana;}
H1 {color : green; font-size : 16pt;}
— >
</STYLE>
<!-- ... конец таблицы CSS -->
</HEAD>
LINK — определяет взаимосвязь Вашего документа с иными объектами. Не имеет закрывающегося тега.
Атрибуты
- HREF — определяет URL документ (интернет-страницы).
- REL — определяет как взаимосвязан документ с объектом, который определен параметром HREF. Может иметь такие значения:
- stylesheet — указывает на файл, котрый содержит таблицу стилей CSS. Браузер загрузит css-файл с адреса, указанного в параметре HREF и потом применит его к документу.
- home — указывает на главную страницу сайта.
- toc, contents — указывают на файл, который содержит оглавление документа.
- index — указывает на файл, котрый содержит информацию для индексного поиска по документу.
- glossary — указывает на файл который, содержит перечень терминов, что относятся к документу.
- copyright — указывает на страницу сайта, в которой предоставлена информация о авторских правах, его создателях и т.п.
- up, parent — указывает на «родительскую» страницу (страницу, которая стоит на ступеньку выше всех страниц).
- child — указывает на «дочернюю» страницу (страницу, которая стоит на ступеньку ниже определенной).
- next — указывает на следующую страницу.
- previous — указывает на предыдущую страницу.
- last, end — указывает на последнюю страницу.
- first — указывает на первую страницу.
- help — указывает на страницу с подсказкой.
- TYPE — определяет MIME-тип для объекта, указанного в параметре HREF.
Примеры.
<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>
<HEAD>
<TITLE>Полдневье</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="dec3.css">
</HEAD>
META — служит для вставки мета-данных. Этот тег позволяет вставлять в элемент HEAD разную полезную техническую информацию, которая, в итоге, не будет видна пользователю, но браузер ее распознает. Такая инфа просто необходима для правильной индексации страниц сайта поисковыми роботами (о них мы поговорим, когда наступит нужный момент в обучении). Не имеет закрывающегося тега.
Имеет в своем распоряжении такие атрибуты:
NAME — указывает имя мета-данных. Есть болшое количество предопределенных имен.
HTTP-EQUIV — указывает имя мета-данных. Он почти идентичен параметру NAME, но с одним отличием: используется лишь тогда, когда имеет место необходимость передачи дополнительной информации в http-заголовке.
CONTENT — присваивает значение мета-данным, определенным в параметре NAME (или HTTP-EQUIV).
А теперь — пример.
<HEAD>
...
<META HTTP-EQUIV="Expires" CONTENT="Sun, 29 Jun 2014 12:34:16 GMT">
<META NAME="GENERATOR" CONTENT="Mike Blogger">
<META NAME="Publisher-Email" CONTENT="webceraturestudy@gmail.com">
<META NAME="Publisher-URL" CONTENT="Idea GraFix — http://web-creature.net">
<META NAME="Keywords" CONTENT="http, css, php">
<META NAME="Description" CONTENT="Как создать сайт и заработать на нем">
</HEAD>
Популярность: 62%