Голова (HEAD) HTML-страницы

Опубликовал | Дата 23 июня, 2014
Комментариев нет
Рубрика: HTML

Все теги, которые расположены между <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. Может иметь такие значения:
  1. stylesheet — указывает на файл, котрый содержит таблицу стилей CSS. Браузер загрузит css-файл с адреса, указанного в параметре HREF  и потом применит его к документу.
  2. home — указывает на главную страницу сайта.
  3. toc, contents — указывают на файл, который содержит оглавление документа.
  4. index — указывает на файл, котрый содержит информацию для индексного поиска по документу.
  5. glossary — указывает на файл который, содержит перечень терминов, что относятся к документу.
  6. copyright — указывает на страницу сайта, в которой предоставлена информация о авторских правах, его создателях и т.п.
  7. up, parent — указывает на «родительскую» страницу (страницу, которая стоит на ступеньку выше всех страниц).
  8. child — указывает на «дочернюю» страницу (страницу, которая стоит на ступеньку ниже определенной).
  9. next — указывает на следующую страницу.
  10. previous — указывает на предыдущую страницу.
  11. last, end — указывает на последнюю страницу.
  12. first — указывает на первую страницу.
  13. 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%

Еще по этой теме...

Рейтинг:
1 звезда2 звезды3 звезды4 звезды5 звезд (Еще не оценили)
Загрузка ... Загрузка ...
Просмотров: 5,601
Метки: , , , , ,
Если Вам интересна эта запись, Вы можете следить за ее обсуждением, подписавшись на RSS 2.0 . Комментарии и пинг закрыты.

Еще по этой теме:

  • Создание сайта. С чего начать?

    • Оставить комментарий:

    «
    »