Элементы заголовка

Изначально заголовки веб-страниц не являлись обязательными, но сейчас заголовки используются практически во всех веб-страницах.

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

Но предназначались заголовки для других целей. Гипертекстовые связи делятся на контекстные и общие.

Контекстные гипертекстовые связи привязаны к определёному месту в документе и реализованы гипертекстовыми ссылками. До появления таблиц описателей стилей других видов связи, управляемых вебмастером, не было.

Общие гипертекстовые связи имеют отношение не к контексту, а к документу целиком. Например, такой гипертекстовой связью можно построить линейный просмотр с отношением следующая или предыдущая web-страница.

Эти ссылки являются частью таких проектов W3C®, как Arena или Amaya. Однако в коммерчесских браузерах такой механизм применяется только в виде элемента LINK для описателей стиля.

Заголовки могут быть использованы для разграничения зон видимости функций и переменных при использвании JavaScript. Определение в заголовке переменных и функций позволяет обращаться к ним из любого места HTML-документа, т.к. их действие будет распространяться на всё окно браузера. К тому же обращение к ним возможно даже из другого окна или фрейма. Если же переменные и функции расположены в теле HTML-документа, то при его многослойности их действие распространяетсятолько внутри слоя и обращение к ним будет затруднительным.

Заголовок HTML-документа предоставляет так же возможность управления HTTP-обменом при помощи элементов META. Это полезно, когда вебмастер не имеет возможности непосредственной настройки web-сервера.

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

Элементами заголовка называются элементы HTML-разметки расположенные внутри контейнера HEAD веб-страницы, включая сам контейнер HEAD.

Контейнер HEAD

Контейнер HEAD включает в себя заголовок веб-страницы, однако не является обязательным. При наличии открывающего тега контейнера HEAD, желательно так же и присутствие закрывающего тега, но при отсутствии такового контейнер HEAD закроется автоматически непосредственно перед открывающим тегом контейнера BODY либо FRAMESET. Всё содержимое контейнера HEAD имеет отношение ко всему документу.

В соответствии с DTD HTML контейнер HEAD имеет необязательный атрибут profile, содержащий URL внешнего файла с описанием профиля метаданных отсутствующих в спецификации.

Контейнер TITLE

Контейнер TITLE позволяет присвоить веб-странице имя, отображающееся в заголовке окна либо вкладки браузера, в котором он открыт. Контейнер TITLE обязательно имеет открывающий и закрывающий теги.

Синтаксис контейнера TITLE следующий:

<TITLE>
 текст
</TITLE>

Контейнер TITLE является обязательным.

Поисковые системы применяют этот контейнер для формирования поисковой выдачи и текст из него попадает в поисковый индекс.

Базовый URL

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

Элемент ISINDEX

Элемент ISINDEX служит указателем на поисковый запрос. Данный элемент утерян в HTML 4.0, однако такие браузеры, как Intenet Explorer® и Mozilla Firefox® его поддерживают. Элемент ISINDEX определил свой фомат обмена данными, в котором передача идёт напрямую на сервер либо встраивается в URL после знака «?», при этом отдельные слова поискового запроса отделяются друг от друга знаком «+». В результате будет получен URL следующего вида:

http://tumaliev.ru/html/kontejnery_zagolovka/index.html?primer+raboty+ISINDEX

Присоединение поискового запроса к URL HTML-документа применялось ещё на первом сервере CERN так же, как и на поисковых серверах Gopher.

Тег элемента ISINDEX может содержать два необязательных атрибута ACTION и PROMPT, и в общем виде имеет следующую структуру:

<ISINDEX [PROMPT=текст] [ACTION=URL]>

Атрибут PROMPT позволяет изменить стандартное приглашение к вводу поискового запроса на своё. Например:

<ISINDEX PROMPT="Поиск:">

Применение элемента ISINDEX рекомендуется при формировании HTML-документа версии HTML 2.0, в версиях выше его использование может нарушить компоновку документа.

Применение элемента ISINDEX

HTML-документ не производит поиск, его выполняют поисковые скрипты.

В настоящий момент применение элемента ISINDEX основано на формах, а синтаксис позволяет указывать в теге атрибут ACTION содержащий URL поискового скрипта. В этом случае элемент ISINDEX может быть записан таким образом:

<ISINDEX ACTION="URL поискового скрипта">

Классическая форма элемента ISINDEX для обращения к скрипту требует наличие ссылки на него в элементе BASE либо использование SSI.

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

<HTML>
 <HEAD>
  <BASE HREF="http://tumaliev.ru/cgi-bin/search.cgi">
  <ISINDEX>
 </HEAD>
 <BODY>
  <BASE HREF="http://tumaliev.ru/">
 </BODY>
</HTML>

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

Метатеги

Метатеги предназначены для передачи браузеру управляющей информации для правильной обработки и отображения тела веб-страницы. В общем виде метатег выглядит следующим образом: Читать далее

Элемент LINK

Гипертекстовые связи подразделяются на два типа: контекстные, которые привязаны к определёному месту в документе, и общие, которые имеют отношение к документу целиком. Гипертекстовые связи задают отношения на информационных узлах.

Контекстная связь задаёт отношение на паре узлов. При этом в модели WWW один из узлов — источник, а второй — мишень. Это отражается в названии элемента A (anchor). Элемент A определяет гипертекстовую ссылку. В контекстной связи один и тот же термин, но в разных источниках может иметь разную мишень.

Общие связи не имеют определённого контекста. К таким связям, например, можно отнести порядок следования страниц или принадлежность какого-либо HTML-документа к web-узлу.

Начиная с четвёртых версий в браузерах Netscape® Navigator и Internet Explorer® была реализована поддержка описателей стилей Cascade StyleSheets (CSS), что в переводе на русский означает каскадные таблицы стилей. CSS позволяет определить вид гипертестовых ссылок для различных видов гипертекстовых связей. При этом имеется возможность определения различных видов контекстных ссылок. Помимо всего прочего впервые в этих браузерах был применён контейнер LINK, который позволил загрузить описатели стилей из внешних файлов.

В общем случае контейнер LINK имеет следующую структуру:

<LINK [REL=тип_отношения] [HREF=URL] [TYPE=тип_содержимого]>

Атрибут REL определяет тип гипертекстовой связи. Например, для указания описателей стилей атрибут REL имеет значение stylesheet. Атрибут HREF содержит URL загружаемого документа. Атрибут TYPE определяет тип содержимого этого документа. В случае загрузки документа с описанием стилей, атрибут TYPE содержит значение text/css.

Элемент STYLE

Элемент STYLE служит для размещения описателей стилей. При этом, если в контейнере STYLE присутствует описание стиля класса или подкласса присутствующего во внешнем файле описателей стилей, описание стиля из контейнера заменяет описание из файла. Описаели стилей задают отображение контейнеров для всего HTML-документа.

В HTML 4.0 контейнер STYLE имеет только один атрибут TYPE, который задаёт тип описателя. Тип описателя стиля может быть text/css либо text/javascript. Контейнер STYLE в обязательном порядке должен иметь и тег открытия и тег закрытия. В общем виде конейнер STYLE выглядит следующим образом:

<STYLE TYPE=тип_описателя_стилей>
</STYLE>

Контейнер SCRIPT

Элемент SCRIPT предназначен для размещения скриптов написанных на таких языках, как: JavaScript, VBScript и JScript. Использовать данный контейнер можно как в заголовке, так и в теле HTML-документа.

Контейнер SCRIPT обязательно должен иметь и тег открытия и тег закрытия. При отсутствии закрывающего тега контейнера SCRIPT браузер может вывести только символ ]. Также скрипт необходимо закомментировать иначе в старых версиях браузеров код скрипта может быть выведен перед содержимым HTML-документа, а в некоторых случаях выведенная страница может оказаться пустой.

Запись контейнера SCRIPT может иметь два варианта:

<SCRIPT [TYPE=тип_языка_программирования]>
 код
</SCRIPT>

или

<SCRIPT [TYPE=тип_языка_программирования] [SRC=URL]>
</SCRIPT>

Если атрибут TYPE не указан, по умолчанию он будет интерпретирован как JavaScript.

Обновлено: 0:00 10.04.2020

Назад

©Tumaliev R.