Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / HTML / Не для новичков /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире
Структура HTML-документа - Программирование от RIN.RU
Структура HTML-документа



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


Элемент HEAD


Синтаксис: <HEAD>:</HEAD> (оба тега не обязательны)
Атрибуты: lang, dir
           profile = URI (URI словаря метаданных)


Поддержка :Атрибуты lang, dir и profile игнорируются
Атрибуты lang, dir и profile игнорируются



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



  • единственный титул документа (TITLE);


  • метаописатели документа (META);


  • базовый URI внешних ссылок (BASE);


  • ссылки на другие документы (LINK);


  • внутренние таблицы стилей (STYLE);


  • сценарии клиента (SCRIPT).





Элемент HEAD может иметь атрибут profile, указывающий местонахождения словаря метаданных. Предполагается, что такой словарь должен содержать имена метапеременных, значения которых определяются элементами META и LINK в заголовке документа, но пока работа по спецификации формата словарей метаданных не завершена.


Титул документа: элемент TITLE


Синтаксис: <TITLE>:</TITLE>
Атрибуты:  lang, dir


Поддержка :Атрибуты игнорируются, титул отображается в заголовке обозревателя
Атрибуты игнорируются, титул отображается в заголовке обозревателя



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



<HEAD>
  <TITLE>Справочник Веб-разработчика</TITLE>
</HEAD>





Титул документа должен кратко отражать суть его содержимого; рекомендуемый размер титула - не более 60 символов.


Метаописатели документа: элемент META


Синтаксис: <META> (содержимого и конечного тега нет)


Атрибуты:  lang, dir (для атрибута content)
           http-equiv = NAME (заголовок сообщения HTTP)
           name = NAME (название свойства)
           content = CDATA (значение свойства)
           scheme = CDATA (имя схемы, интерпретирующей значение свойства)


Поддержка :Атрибуты lang, dir и scheme игнорируются (2.0+)
Атрибуты lang, dir и scheme игнорируются (4.0+)



Элемент META содержит метаописатели таких свойств документа, как имя автора документа, его описание, ключевые слова и т. д. Спецификация HTML 4.0 не содержит стандартного списка этих свойств, поэтому авторы пока свободны в их определении.


Каждый элемент META содержит пару атрибутов: название свойства (name) и значение свойства (content), например, следующий метаописатель задает имя автора документа:



<META name="Author" content="Ю. С. Лукач">




Дополнительно он может содержать атрибут lang, указывающий язык, на котором написано значение свойства:



<META name="Author" lang="en" content="Yury S. Lukach">




Многие поисковые системы используют свойства description (описание документа) и keywords (ключевые слова) для извлечения дополнительной информации о документе. При этом описание должно быть кратким (не длиннее 200 символов), а список ключевых слов разделяться запятыми:



<META name="Description" content="Web Developer's Handbook. HTML Reference.">
<META name="Keywords" content="Web development, HTML reference">




Некоторые поисковые системы поддерживают также свойство robots, содержащее указания для роботов, собирающих информацию о документах в Сети. Значение свойства robots - это список следующих директив, разделенных запятыми:


indexэта страница должна быть индексирована
noindexэта страница не должна быть индексирована
followпрослеживать гиперссылки на странице
nofollowне прослеживать гиперссылки на странице
all= index, follow (принято по умолчанию)
none= noindex, nofollow



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



<META name="robots" content="noindex,follow">




Вместо атрибута name метаописатель может содержать атрибут http-equiv для указания того, что данное свойство является заголовком сообщения HTTP. Такие метаописатели указывают обозревателю, как следует отображать данный документ. Существует три базовых свойства документа, которые задаются таким образом:



  • кодировка символов документа (см. Приложение "Стандартные кодировки символов"):



    • <META http-equiv="Content-Type" content="text/html; charset=windows-1251">



    язык таблиц стилей, принятый по умолчанию:


    <META http-equiv="Content-Style-Type" content="text/css">



  • язык программирования сценариев, принятый по умолчанию:



    • <META http-equiv="Content-Script-Type" content="text/javascript">





    Кроме того, атрибут http-equiv используется в следующих конструкциях:


    <META http-equiv="Expires" content="Sun, 7 May 2000 12:04:32 GMT">



  • задает дату и время истечения срока действия документа: полезен для того, чтобы заставить обозреватель загрузить документ не из кэш-памяти, а с сервера;



    • <META http-equiv="Refresh" content="10; URL=http://www.newserver.com/newpage.htm">



  • указывает серверу, что через 10 секунд после завершения загрузки текущего документа нужно загрузить вместо него http://www.newserver.com/newpage.htm.





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


Базовый URI документа: элемент BASE


Синтаксис: <BASE> (содержимого и конечного тега нет)


Атрибуты:  href = URI (базовый URI документа)
           target = фрейм (имя фрейма для отображения ссылок)


Поддержка :Соответствует стандарту
Соответствует стандарту



Элемент BASE задает в обязательном атрибуте href базовый URI для данного документа, который используется обозревателем для приведения относительных URI к полным. Подробности см. в Приложении "Унифицированные идентификаторы ресурсов".


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



  • когда документ хранится в нескольких узлах Сети, и мы хотим указать "эталонное" хранилище;


  • когда URI документа неизвестен (например, при его получении по электронной почте).





Рассмотрим следующий пример:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
  <TITLE>Наша продукция</TITLE>
  <BASE href="http://www.bestseller.com/products/intro.html">
</HEAD>
<BODY>
  <P>Лучшие в мире <A href="../images/hornhoof.gif">рога и копыта</A>!
</BODY>
</HTML>





С учетом базового URI ссылка "../images/hornhoof.gif" в этом примере соответствует полному URI "http://www.bestseller.com/images/hornhoof.gif".


Необязательный атрибут target используется только во фреймовых документах и задает имя фрейма, в котором должны отображаться по умолчанию все документы, на которые в данном документе имеются ссылки.


Взаимосвязь документов: элемент LINK


Синтаксис: <LINK> (содержимого и конечного тега нет)


Атрибуты:  id, class, style, title, lang, dir, события
           rel = типы ссылок (прямая ссылка)
           rev = типы ссылок (обратная ссылка)
           href = URI (URI ссылки)
           target = фрейм (имя фрейма для отображения ссылки)
           type = тип файла (тип файла, на который указывает ссылка)
           media = устройства (устройства для отображения ссылки)
           hreflang = код языка (язык ссылки)
           charset = кодировка (кодировка ссылки)


Поддержка :Атрибуты type, hreflang и charset игнорируются;
допустимые значения media: screen, print и all (5.0+)
Атрибуты type, media, hreflang и charset игнорируются (4.0+)



Элемент LINK определяет взаимосвязь между документами. Заголовок документа может содержать любое количество этих элементов. Многие обозреватели не поддерживают элементы LINK, поэтому авторы не должны полагаться на то, что обозреватель сделает перечисленные в них ссылки доступными пользователю.


Каждый элемент LINK должен содержать атрибут rel или rev и атрибут href. При этом атрибут rel определяет прямую ссылку, а атрибут rev - обратную ссылку. Например,


<LINK rel="Glossary" href="glossary.html">




означает, что документ glossary.html является глоссарием терминов для текущего документа (прямая ссылка), а


<LINK rev="Subsection" href="section2.html">




означает, что текущий документ является подразделом документа section2.html (обратная ссылка). Значением атрибутов rel и rev является список типов ссылок, разделенных пробелами.


Важным применением элемента LINK является подключение к документу внешней таблицы стилей. В этом случае элемент LINK имеет вид:



<LINK rel="StyleSheet" href="style.css" type="text/css">




Такой элемент может дополнительно содержать атрибут media для указания того, к отображению на каких устройствах применяется данная таблица стилей:



<LINK rel="StyleSheet" href="aural.css" type="text/css" media="aural">




Необязательный атрибут target используется только во фреймовых документах и задает имя фрейма, в котором должна отображаться по умолчанию цель ссылки.


Наконец, атрибуты hreflang и charset указывают на язык и кодировку ссылки и предназначены для указания поисковым системам, где искать альтернативные версии данного документа. Для этого используется тип ссылки Alternate:



<LINK
  rel="Alternate"
  type="text/html"
  href="indexru.htm"
  hreflang="ru"
  charset="windows-1251"
  lang="ru" title="Русская версия">
<LINK
  rel="Alternate"
  type="text/html"
  href="indexfr.htm"
  hreflang="fr"
  lang="fr" title="Version francaise">





Тип ссылки Alternate используется также для указания на версии текущего документа, предназначенного для отображения другими типами устройств. Например, указатель на версию документа для печати может иметь вид:



<LINK
  rel="Alternate"
  media="print"
  lang="ru" title="Справочник в формате PostScript"
  type="application/postscript"
  href="manual.ps">





В частности, альтернативная внешняя таблица стилей может быть задана элементом: 


<LINK rel="Alternate StyleSheet" href="style.css" type="text/css" media="...">





Внутренние таблицы стилей: элемент STYLE


Синтаксис: <STYLE>:</STYLE>


Атрибуты:  lang, dir
           type = тип файла (тип таблицы стилей)
           media = устройства (устройства для отображения документа)
           title = текст (титул таблицы стилей)


Поддержка :Атрибуты lang и dir игнорируются;
допустимые значения media: screen, print и all (5.0+)
игнорируются (4.0+)



Элемент STYLE позволяет включать в документ внутренние таблицы стилей. Заголовок документа может содержать любое количество этих элементов. Старые обозреватели не поддерживают элементы STYLE, поэтому рекомендуется заключать содержимое элемента STYLE в комментарий, как показано ниже.


Обязательный атрибут type указывает на тип таблицы стилей, т. е. на язык, на котором описываются стили. Для каскадных таблиц стилей этот атрибут всегда должен иметь значение "text/css". Пример:



<HEAD>
  <STYLE type="text/css">
  <!--
    H1 {border-width: 1; border: solid; text-align: center}
  -->
  </STYLE>
</HEAD>
<BODY>
  <H1>Этот заголовок имеет указанный выше стиль</H1>
</BODY>




HTML позволяет авторам создавать документы, учитывающие особенности устройств, на которых документ будет отображаться. Для того, чтобы использовать разные таблицы стилей для различных устройств, включите в элемент STYLE атрибут media:



<STYLE type="text/css" media="screen">
<!--
  H1 {color: blue}
-->
</STYLE>
<STYLE type="text/css" media="print">
<!--
  H1 {text-align: center}
-->
</STYLE>




<<<  НазадВперед  >>>
 1  2  3 


 8  Комментарии к статье  8 8  Обсудить в чате
 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь