Дом Гнома

В гости к Гному - www.ugnoma.NET...
Как это нет??? У Гнома всё есть!!!

Атрибуты тега HEAD, метатеги, название HTML документа

 

 
 

Внимание!!! Небольшое отступление от темы

На собственном опыте я убедился, что изучение (пока ненужных, и в общем-то малопонятных для начинающих), тегов, атрибутов и прибамбасов тега HEAD, или, проще говоря заголовка HTML документа, лучше начинать тогда, когда немного разберёшься в синтаксисе и основах языка HTML. Поймёшь, как вообще происходит интерпретация в браузерах. Составляя листинг "головы" документа, новичку обычно, не очень понятно, как это работает, т.к. кроме названия страницы в заголовке окна браузера, больше ничего не отображается. Начинает казаться, что ты что-то делаешь неправильно, где-то ошибаешься, в результате перелопачиваешь горы обучающего материала, несколько раз пишешь страничку заново, и просто повезёт, если приходит понимание, что же тут не так. На самом деле (пока во всяком случае), нам с вами эта часть, реально, не нужна, и не понадобится. Предлагаю немножко забежать вперёд, а к непосредственному изучению этой части вернуться чуть попозже. точнее,возвращайтесь после изучения всех уроков по HTML. Если не согласны, то вперёд, на амбразуру, не переходите по ссылке даваемой чуть ниже.

Ну, а если готовы мне поверить на слово, то давайте немножко пропустим, и перейдём к изучению атрибутов тега BODY.

 

Заголовок

Заголовок является необязательной частью структуры HTML документа и Шея HTMLслужит для определения служебной информации и названия документа. В случае использования в документе контейнера заголовка ... единственным обязательным его элементом является контейнер ..., который задает имя документа. Именно это имя пользователь видит в заголовке окна броузера при просмотре веб-страниц в Интернет. Все остальные элементы заголовка не отображаются броузером и служат для определения различных свойств документа, его взаимосвязи с другими веб-страницами и служебной информации для внешних программ. Попробуем разработать типовой заголовок для ваших документов на примере собственноручно написанной веб-страницы о том, что видно из заголовка страницы.
 

Помните о том, что нужно набирать теги без точек после открывающей скобки!
 

Пример 1. Написание заголовка документа. Просмотр (откроется в другом окне)

<.HTML>
<.HEAD>
<.TITLE>Обучение языку HTML - пример<./TITLE>
<.META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<.META NAME="Keywords" LANG=ru CONTENT="заголовок, метатеги, язык, HTML">
<.META NAME="Description" CONTENT="Обучение тегам заголовка языка HTML">
<.LINK REL="author" HREF="#">
<./HEAD>
<.BODY>

Пример заголовка страницы, где нифига не видно ничего, но вообще он очень важен
<./BODY>
<./HTML>


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

Далее следует последовательность тегов, задающих так называемую мета (или внешнюю) информацию о документе. У тегов наиболее часто используются следующие атрибуты:

HTTP-EQUIV - задать имя мета-записи в документе;
NAME - задать имя дополнительной мета-записи (по умолчанию NAME=HTTP-EQUIV);
CONTENT - присвоить значение мета-записи заданной атрибутом NAME или HTTP-EQUIV;
LANG - язык описания значений мета-записи;

Представляете ли вы, как реально работают поисковые службы сети Интернет?
Многие поисковики (к счастью, не все) индексируют только начальные страницы сайтов. Как правило индексированию подвергаются следующие элементы документа: заголовок <.TITLE>, заголовки уровней от <.h1> до <.h6> включительно в теле документа, и ключевые слова заданные в -теге.
Представьте сами, если у вас на главной страничке будет графическая или flash-заставка (даже самая супер-пуперская) и пустые ссылки на страницы, допустим ваших любимых сайтов или друзей, какой индекс-описание сформирует поисковик? Да никакой.
Поэтому надо очень серьёзно относиться к выбору названия вашей страницы, структурированию сайта, и использованию внутреннего описания вашего произведения (метатегам).

В нашем примере первый тег описывает тип и кодировку содержимого нашего веб-примера.
Два следующих тега служат для передачи информации о содержании веб-документа поисковым службам в сети Интернет.
Тег задает список ключевых слов, содержащихся в документе, их языка.
Тег является словесным описанием содержимого документа.

Далее следует тег <.BASE HREF="URL">, задающий базовый адрес данного документа. Это необходимо для поддержания работоспособности относительных ссылок, в случае миграции документа по сети, или изменения каталога его загрузки. При отсутствии тега относительные ссылки в документе определяются от адреса его загрузки.

Завершает наш заголовок тег . Данный тег не отображает информацию в окне броузера и предназначен для формирования различных типов отношений между документами и другими объектами. Данные отношения помогают разработчикам ориентироваться в структуре сложного документа и используются поисковыми системами. Рассмотрим, какие бывают отношения и как они задаются. У тега наиболее часто используются следующие атрибуты:

REV - отношение текущего документом с другим, заданным HREF (обратное REL);
REL - отношение между документом заданным HREF и текущим документом (обратное REV);
HREF - задает URL документа или объекта;
LANG - языковая версия;
MEDIA - назначение документа (Print/Screen);
TYPE - тип содержимого связанного объекта (листа стилей);

Данный тег довольно редко используется, как правило его применение ограничивается привязкой листа стилей (stylesheet) к документу , но в HTML-документах со сложной иерархической структурой иногда встречается множество тегов с довольно запутанным синтаксисом. Наиболее понятные из них связи типа: следующий/предыдущий (next/prev), документ/автор (author), документ/оглавление (index). В нашем примере тег использован для формирования связи именно "документ/автор".

Вот еще несколько примеров использования отношений в документах:

- означает что документ chapter7.htm предыдущий по отношению к документу (chapter8.htm) содержащему заданную данным тегом связь;

- означает что документ chapter9.htm следующий по отношению к документу (chapter8.htm) содержащему заданную данным тегом связь;

- обратное отношение, которое говорит о том, что документ (chapter10.htm), содержащий заданную данным тегом связь, является следующим для chapter9.htm;

- означает, что для печати текущего документа использовать лист стилей из style/PrintStyle.css;

Ну вот, с основными моментами заголовка, думаю разобрались. Думаю, теперь вам понятно, почему я предлагал пока пропустить этот раздел, и вернуться к нему чуть позже. Но, если вы его прошли, то тем лучше, дальше будет меньше материала для изучения. От головы переходим к телу.

 

Поделиться ссылкой на страницу:
В начало страницы
Дружно все тыкаем сюда!