Тег <Head> хранит всебе не отоброжаемую информацию. Он является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META). Пример тэга <head>: Code <HTML> <!-- Начинаем заголовок... --> <HEAD> <title>Справочник по HTML</title> </HEAD> <!-- ...кончили. Дальше пошло тело документа -->
<BODY> Текст документа </BODY>
</HTML> Подробнее про элементы TITLE,BASE,STYLE,LINK,META: <title>...</title> - Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза. Пример: Code ... <HEAD> <TITLE>Руководство по эксплуатации</TITLE> </HEAD> ... <base> - Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов. Атрибуты тега <base>: HREF – определяет базовый адрес (URL) текущего документа. TARGET – определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме(про фреймы я раскажу вам чуть позже ). Пример: Code <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> - Используется для вставки в документ таблицы стилей (CSS – Cascade Style Sheet). Атрибуты тега <Style>: TYPE – обязательный атрибут. Определяет MIME-тип вставляемого блока стилей. Как правило, значением этого атрибута является "text/css". TITLE – определяет имя создаваемой таблицы стилей. Необходим, если вы собираетесь использовать несколько элементов STYLE в одном документе. В этом случае браузер должен спросить пользователя, какой из предложенных стилей будет применен к документу.(Примечание: Практически все популярные браузеры игнорируют атрибут TITLE, поэтому можете его не использовать. А жаль, задумка-то была неплохая... ) Пример: Code <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> <link> - Элемент 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: Code <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: Code <HEAD> <TITLE>Полдневье</TITLE> <LINK REL="stylesheet" TYPE="text/css" HREF="deco1.css"> </HEAD> Примечание:Элемент LINK, к сожалению, используется web-мастерами довольно редко(в том числе и мною), чаще всего только для внедрения CSS из отдельного файла. Почти все браузеры игнорируют информацию о положении документа в структуре сайта – эта информация интересна только индексирующим роботам поисковых систем. <Meta> - Элемент МЕТА используется для техописания документа, которое представляет собой метаданные в виде пары "имя-значение". С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов(хотя чем дальше тем больше эти роботы начинают игнорировать мета-теги). Элемент не имеет конечного тега. Атрибуты тега <Meta>: NAME – определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере. HTTP-EQUIV – определяет имя мета-записи. Практически аналогичен атрибуту NAME, но используется лишь в случае необходимости передачи дополнительной информации в HTTP-заголовке. CONTENT – присваивает значение мета-записи, определенной в атрибуте NAME (или HTTP-EQUIV). Пример: Code <HEAD> ... <META HTTP-EQUIV="Expires" CONTENT="Sat, 26 Jun 1999 17:38:15 GMT"><!--Чесного говоря незнаю что это. Теоретически это дата содания сайта. --> <META NAME="GENERATOR" CONTENT="Greenback"><!--Название WYSIWYG-редактора(What You See Is What You Get - дословно: что видиш то и получаеш). Редактора, предназначеного для визуального "написания" сайта. --> <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> Вот и все)
|