Студопедия Главная Случайная страница Обратная связь

Разделы: Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Заголовок HTML документа





Заголовок является необязательной частью структуры HTML документа и служит для определения служебной информации и названия документа. В случае использования в документе контейнера заголовка <HEAD>...</HEAD>; единственным обязательным его элементом является контейнер <TITLE>...</TITLE>;, который задает имя документа. Именно это имя пользователь видит в заголовке окна броузера при просмотре Web-страниц в Internet.

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

Пример 1. Формирование заголовка документа.

<HTML>
<HEAD>
<TITLE>Автомобили Фольксваген</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<META NAME="Keywords" LANG=ru CONTENT="автомобили, авто, Фольксваген, Гольф, Бора, Поло, Пассат, Жук">
<META NAME="Description" CONTENT="Модельный ряд автомобилей Фольксваген - 2000 года">
<BASE HREF="http://www.cars.ru/vw">
<LINK REL="author" HREF="mailto:autofan@mail.ru">
</HEAD>
<BODY>
В разработке.
</BODY>
</HTML>

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

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

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

В нашем примере первый <META HTTP-EQUIV="Content-Type">; тег описывает тип и кодировку содержимого документа.
Два следующих <META>; тега служат для передачи информации о содержании документа поисковым службам Internet.

  А знаете ли вы как работают поисковые службы Internet? Многие поисковые службы индексируют только начальные страницы сайтов. Как правило индексированию подвергаются следующие элементы документа: заголовок <title>, заголовки уровней <h1>...<h6> в теле документа и ключевые слова заданные в <meta> теге. Какой индекс-описание вашего сайта будет сформирован при индексировании, если ваша начальная страница содержит только броскую графическую заставку и ссылки на другие страницы? Мягко говоря - неважный будет индекс. Ваш сайт никто не сможет найти. Какой выход? Серьезно относиться к выбору названия документа, созданию его структуры и использованию <meta> тегов.

Таким образом, тег <META NAME="Keywords" LANG=ru CONTENT=" ">; задает список ключевых слов, содержащихся в документе, а тег <META NAME="Description" CONTENT=" ">; является словесным описанием содержимого документа.

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

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

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

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

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

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

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

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

<LINK REL=stylesheet TYPE="text/css" MEDIA=print HREF="/style/PrnStyle.css">; - означает, что для печати текущего документа использовать лист стилей из style/PrnStyle.css;







Дата добавления: 2015-03-11; просмотров: 357. Нарушение авторских прав; Мы поможем в написании вашей работы!




Функция спроса населения на данный товар Функция спроса населения на данный товар: Qd=7-Р. Функция предложения: Qs= -5+2Р,где...


Аальтернативная стоимость. Кривая производственных возможностей В экономике Буридании есть 100 ед. труда с производительностью 4 м ткани или 2 кг мяса...


Вычисление основной дактилоскопической формулы Вычислением основной дактоформулы обычно занимается следователь. Для этого все десять пальцев разбиваются на пять пар...


Расчетные и графические задания Равновесный объем - это объем, определяемый равенством спроса и предложения...

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

Билиодигестивные анастомозы Показания для наложения билиодигестивных анастомозов: 1. нарушения проходимости терминального отдела холедоха при доброкачественной патологии (стенозы и стриктуры холедоха) 2. опухоли большого дуоденального сосочка...

Сосудистый шов (ручной Карреля, механический шов). Операции при ранениях крупных сосудов 1912 г., Каррель – впервые предложил методику сосудистого шва. Сосудистый шов применяется для восстановления магистрального кровотока при лечении...

Ученые, внесшие большой вклад в развитие науки биологии Краткая история развития биологии. Чарльз Дарвин (1809 -1882)- основной труд « О происхождении видов путем естественного отбора или Сохранение благоприятствующих пород в борьбе за жизнь»...

Этапы трансляции и их характеристика Трансляция (от лат. translatio — перевод) — процесс синтеза белка из аминокислот на матрице информационной (матричной) РНК (иРНК...

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

Studopedia.info - Студопедия - 2014-2025 год . (0.013 сек.) русская версия | украинская версия