спокойненький пессимист
В прошлый раз мы говорили о том, что любой html-документ имеет заголовок и содержание.
Теперь мы рассмотрим эти части более подробно.
читать дальшеЗаголовок, или Что содержится в разделе HEAD
Раздел документа HEAD, строго говоря, не является обязательным тэгом, однако хорошо составленный заголовок может быть весьма полезен. Задачей заголовка является информирование браузера (или другого http-клиента) о содержании страницы.
Тэги, находящиеся внутри раздела HEAD (кроме названия или заголовка документа, описываемого с помощью тэга <TITLE>
, не отображаются на экране.
Синтаксис
Раздел заголовка открывается тэгом <HEAD>. Обычно это тэг следует сразу же за тэгом <HTML>. Закрывающий тэг </HEAD> показывает конец этого раздела. Между упомянутыми тэгами распологаются остальные тэги раздела заголовка.
TITLE
Тэг-контейнер <TITLE> является единственным обязательным тэгом заголовка и служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна броузера (слева вверху). Тэг <TITLE> представляет собой обычную текстовую строку, которая никак не зависит от имени и местоположения файла. Имя же файла жестко определяется операционной системой компьютера, на котором он хранится (это может быть ваш домашний компьютер или сервер).
Как я уже говорила, присутствие в html-документе тэгов заголовков, строго говоря, необязательно, однако носит характер настоятельной рекомендации. Да, документ без тэга <TITLE> будет отображаться браузерами. При этом различные браузеры в качестве заголовка будут выдавать различную информацию. Одни браузеры не показывают ничего, другие отображают адрес загружаемого файла, повторяя информацию адресной строки браузера.
Итак, название документа записывается между тэгами <TITLE> и </TITLE> и представляет собой строку текста. Например:
<title>Моя страница: Название страницы</title>
В принципе, эта строка может иметь неограниченную длину и содержать любые символы, кроме некоторых зарезервированных. Однако, помня, что именно этот заголовок отобразится строкой в браузере, следует ограничиться одной строкой.
Этот текст также будет использоваться при создании закладки (добавлении в Избранное).
Могу посоветовать избегать безликих названий ("моя страница", "содержание"), обычно они совершенно бесполезны. Выбирайте такое, какое смогло бы кратко характеризовать содержание страницы.
<META>
Этот тэг позволяет авторам документа определять информацию, не имеющую отношения к HTML. Он не потребуется вам для создания первых HTML-документов, но наверняка понадобится, когда ваши страницы станут более сложными.
Пример:
<META HTTP-EQUIV="refresh" CONTENT="60" RF="www-money.h10.ru">
Браузеры поймут эту запись как инструкцию ожидать 60 секунд, а затем загрузить новый документ по адресу, указанному в RF. Такая инструкция часто используется при изменении местоположения документов.
Однако чаще всего элемент <META> применяется для указания ключевых слов, используемых поисковыми системами. Этот способ позволяет включать в индекс документа дополнительные слова, которые могут явно не входить в его содержание. Для этого в тэге <META> в качестве значения параметра NAME указывается имя некоторого свойства. А при помощи параметра CONTENT указывается значение данного свойства. Спецификация HTML не определяет каких-либо конкретных имён свойств, записываемых в тэге <META>. Однако есть несколько часто применяемых свойств, например, desсriрtion, keywords, author, robots и других. Например:
<META NAME="author" CONTENT="Chameleon">
<META NAME="desсriрtion" CONTENT="Сайт о кросавчеге эльфе">
<META NAME="keywords" CONTENT="эльфы, красота, аццкие кросавчеги, история Средиземья, орки, секс и насилие">
Еще одно важное предназначение тэга <META> - это указание кодировки текста. Так, для текста на русском языке в кодировке Windows нужно записать следующую строчку:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
Что это значит? Это значит, что параметр HTTP-EQUIV определяет, что следующие свойства относятся к контенту (Content-Type). Параметр CONTENT определяет тип контента - html, то есть текстовый (text/html), и кодировку документа - windows-1251.
Итого синтаксис следующий.
Синтаксис тэга
Параметр HTTP-EQUIV определяет свойства для тэга (то есть то, к чему применяется действие).
Параметр NAME обеспечивает дополнительное писание тэга (именно его используют для указания ключевых слов). Если этот параметр опущен, он считается эквивалентным параметру HTTP-EQUIV.
Параметр URL определяет адрес документа для свойства.
Параметр CONTENT определяет значения для свойства.
Итак, вот как выглядит стандартный заголовок русскоязычного сайта.
<head>
<title>@дневники: Записки размышляющей рептилии</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<META NAME="author" CONTENT="Кэм">
<META NAME="desсriрtion" CONTENT="Это дайрь Кэм">
<META NAME="keywords" CONTENT="тексты, лытдыбры, обсуждения, провокации, ссылки, фотографии и прочая лабуда">
</head>
Другие элементы заголовка
В разделе заголовка документа могут присутствовать ещё два тэга - <STYLE> и <sсriрt>. Их назначение связано с использованием таблиц стилей в документе и записью скриптов. К чистому html это отношения не имеет, но, если будет желание, можно будет изучить и это.
Теперь мы рассмотрим эти части более подробно.
читать дальшеЗаголовок, или Что содержится в разделе HEAD
Раздел документа HEAD, строго говоря, не является обязательным тэгом, однако хорошо составленный заголовок может быть весьма полезен. Задачей заголовка является информирование браузера (или другого http-клиента) о содержании страницы.
Тэги, находящиеся внутри раздела HEAD (кроме названия или заголовка документа, описываемого с помощью тэга <TITLE>
, не отображаются на экране.Синтаксис
Раздел заголовка открывается тэгом <HEAD>. Обычно это тэг следует сразу же за тэгом <HTML>. Закрывающий тэг </HEAD> показывает конец этого раздела. Между упомянутыми тэгами распологаются остальные тэги раздела заголовка.
TITLE
Тэг-контейнер <TITLE> является единственным обязательным тэгом заголовка и служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна броузера (слева вверху). Тэг <TITLE> представляет собой обычную текстовую строку, которая никак не зависит от имени и местоположения файла. Имя же файла жестко определяется операционной системой компьютера, на котором он хранится (это может быть ваш домашний компьютер или сервер).
Как я уже говорила, присутствие в html-документе тэгов заголовков, строго говоря, необязательно, однако носит характер настоятельной рекомендации. Да, документ без тэга <TITLE> будет отображаться браузерами. При этом различные браузеры в качестве заголовка будут выдавать различную информацию. Одни браузеры не показывают ничего, другие отображают адрес загружаемого файла, повторяя информацию адресной строки браузера.
Итак, название документа записывается между тэгами <TITLE> и </TITLE> и представляет собой строку текста. Например:
<title>Моя страница: Название страницы</title>
В принципе, эта строка может иметь неограниченную длину и содержать любые символы, кроме некоторых зарезервированных. Однако, помня, что именно этот заголовок отобразится строкой в браузере, следует ограничиться одной строкой.
Этот текст также будет использоваться при создании закладки (добавлении в Избранное).
Могу посоветовать избегать безликих названий ("моя страница", "содержание"), обычно они совершенно бесполезны. Выбирайте такое, какое смогло бы кратко характеризовать содержание страницы.
<META>
Этот тэг позволяет авторам документа определять информацию, не имеющую отношения к HTML. Он не потребуется вам для создания первых HTML-документов, но наверняка понадобится, когда ваши страницы станут более сложными.
Пример:
<META HTTP-EQUIV="refresh" CONTENT="60" RF="www-money.h10.ru">
Браузеры поймут эту запись как инструкцию ожидать 60 секунд, а затем загрузить новый документ по адресу, указанному в RF. Такая инструкция часто используется при изменении местоположения документов.
Однако чаще всего элемент <META> применяется для указания ключевых слов, используемых поисковыми системами. Этот способ позволяет включать в индекс документа дополнительные слова, которые могут явно не входить в его содержание. Для этого в тэге <META> в качестве значения параметра NAME указывается имя некоторого свойства. А при помощи параметра CONTENT указывается значение данного свойства. Спецификация HTML не определяет каких-либо конкретных имён свойств, записываемых в тэге <META>. Однако есть несколько часто применяемых свойств, например, desсriрtion, keywords, author, robots и других. Например:
<META NAME="author" CONTENT="Chameleon">
<META NAME="desсriрtion" CONTENT="Сайт о кросавчеге эльфе">
<META NAME="keywords" CONTENT="эльфы, красота, аццкие кросавчеги, история Средиземья, орки, секс и насилие">
Еще одно важное предназначение тэга <META> - это указание кодировки текста. Так, для текста на русском языке в кодировке Windows нужно записать следующую строчку:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
Что это значит? Это значит, что параметр HTTP-EQUIV определяет, что следующие свойства относятся к контенту (Content-Type). Параметр CONTENT определяет тип контента - html, то есть текстовый (text/html), и кодировку документа - windows-1251.
Итого синтаксис следующий.
Синтаксис тэга
Параметр HTTP-EQUIV определяет свойства для тэга (то есть то, к чему применяется действие).
Параметр NAME обеспечивает дополнительное писание тэга (именно его используют для указания ключевых слов). Если этот параметр опущен, он считается эквивалентным параметру HTTP-EQUIV.
Параметр URL определяет адрес документа для свойства.
Параметр CONTENT определяет значения для свойства.
Итак, вот как выглядит стандартный заголовок русскоязычного сайта.
<head>
<title>@дневники: Записки размышляющей рептилии</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<META NAME="author" CONTENT="Кэм">
<META NAME="desсriрtion" CONTENT="Это дайрь Кэм">
<META NAME="keywords" CONTENT="тексты, лытдыбры, обсуждения, провокации, ссылки, фотографии и прочая лабуда">
</head>
Другие элементы заголовка
В разделе заголовка документа могут присутствовать ещё два тэга - <STYLE> и <sсriрt>. Их назначение связано с использованием таблиц стилей в документе и записью скриптов. К чистому html это отношения не имеет, но, если будет желание, можно будет изучить и это.
-
-
28.02.2007 в 14:09Спасибо. Продолжай, пожалуйста, это правда интересно и все понятно. Пока.
-
-
28.02.2007 в 14:13-
-
28.02.2007 в 14:17На самом деле заголовок - самая сложная часть, в бади все пойдет проще, просто там тэгов до фига.
Собирай, думаю, это будет удобно.