Структура HTML-документа Оглавление Тело

Заголовок

В заголовке html-документа передаются параметры, относящиеся ко всему документу в целом. Он следует после команды <html> и объявляется командой <head>. Внутри <head> могут находиться следующие команды.

  • title - название документа
  • meta - используется для передачи параметров в виде имя=значение
  • link - связь с другими объектами
  • style - определение стилей
  • script - скрипт, например, на языке JavaScript
  • base - задает базовый URL
Название документа отображается в заголовке окна броузера и при нажатии и удержании мышкой кнопки BACK. Хоть название документа можно и не прописывать, все же его настоятельно рекомендуется указать. Это позволит при нажатии на кнопку BACK или при просмотре журнала видеть нужный документ. Ну и самая главная причина в том, что поисковые машины индексируют заголовки HTML-документов. В заголовок можно также помимо названия документа включить и ключевые слова, чтобы ваша страница лучше проиндексировалась поисковыми машинами. Допустим вы не укажете название документа, тогда все файлы у вас будут на одно лицо - без названия.
Пример использования команды title:
<html>
<head>
<title>Название документа</title>
</head>
<body>
 Hello, World!
</body>
</html>
Используя команду meta, можно задать кодировку, слова и описания для поисковых машин. Но некоторые поисковые машины, например Rambler, игнорируют keywords и description, ссылаясь на то, что эти поля невидимы для пользователя и в них можно прописать что угодно. Многие злоупотребляют этими параметрами. Тема культуры поведения в Сети - отдельная тема. Но хочется заметить, что в Сети, как и в реальной жизни есть такие понятия, как имидж и репутация. Используя грязные технологии можно сильно уронить свою репутацию. Сеть принципиально отличается от реального мира тем, что информация распространяется мгновенно, хранится очень долго и вы постоянно навиду. Ниже вы видите строчку, которая вынуждает броузер использовать кодировку win-1251.
Пример использования команды meta, взятый с сайта http://itsoft.ru:
<html>
<head>
<title>ITSoft - веб-дизайн, программирование, базы данных 
и хостинг.</title>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<meta name=keywords content="ITSoft, web design, веб-дизайн, дизайн, design,
 программирование, programming, базы данных, хостинг">
<meta name=description content="ITSoft: web design, 
database programming and Macromedia Flash">
</head>
<body>
 Hello, World!
</body>
</html>

В случае, если ваш документ переехал по новому адресу, оставьте на старом месте HTML-документ со следующей командой в заголовке: <meta http-equiv=refresh content="0; url=http://адрес_страницы"> Это означет, что через ноль секунд загрузится новый документ. Вы можете указать и другое время, например, 10 секунд, чтобы пользователь успел прочитать какое-нибудь сообщение. Также вы можете поставить там ссылку на самого себя и указать время порядка нескольких минут. Например, так сделано на второстепенных страницах сайта http://molotok.ru. Ребята поставили время 180 секунд и тем самым накручивают показы баннеров. Тем самым, если вы читаете документ 9 минут, то за это время он успеет три раза перезагрузиться.

Команды link, style и script используются для подключения каскадных стилей и вставки JavaScript, поэтому они будут рассмотрены в главах CSS и JavaScript соответственно. Команда base задает базовый url, относительно которого будут рассчитываться относительные гиперссылки. Например, я хочу разместить содержания всех своих публикаций в одном месте, на своем главном сайте http://itsoft.ru. Ссылки у меня в содержании относительные, поэтому если я просто скопирую файл с содержанием книги об OpenGL c http://opengl.org.ru/books/open_gl/ в http://itsoft.ru/publications, то относительная ссылка на первую главу будет указывать на http://itsoft.ru/publications/chapter1.html. Получилось, что все гиперссылки стали неправильными. Я не хочу копировать всю книгу, мне нужно только содержание. Переправлять все ссылки тоже неудобно, там 8 глав и в каждой по 10 параграфов. Выход из создавшейся ситуации <base href=http://www.opengl.org.ru/books/open_gl/> Теперь относительная ссылка <a href=chapter1.html> указывает на http://www.opengl.org.ru/books/open_gl/chapter1.html.