HTML <head> Тег
Пример
Простой документ HTML с минимальным набором тегов:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Моя первая страница HTML</title> </head> <body> <p>Содержание элемента body показывается в браузере.</p> <p>Содержание элемента title показывается в заголовке браузера.</p> </body> </html>
Определение и использование
Элемент head является контейнером для всех головных элементов.
Элементы внутри <head> могут включать скрипты, инструктировать браузер где искать листы стилей, предоставлять мета информацию, и многое другое.
Следующие теги могут быть добавленны в головную секцию: <base>, <link>, <meta>, <script>, <style>, и <title>.
Тег <title> определяет заголовок документа, и это единственный обязязательный элемент в головной секции!
Поддержка браузеров
тег
<head> поддерживается во всех ведущих браузерахОтличия между HTML и XHTML
НЕТДополнительные атрибуты
DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| profile | URL | Определяет URL документа, который включает набор правил. Правила могут быть прочитанны браузером для полного понимания информации в содержании тегов <meta> | STF |
Стандартные атрибуты
Тег<head> поддерживает следующие стандартные атрибуты:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| dir | rtl ltr | Определяет направление текста для содержания в элементе | STF |
| lang | language_code | Указывает код языка для содержания элемента | STF |
| xml:lang | language_code | Указывает код языка для содержимого элементов, в документах XHTML | STF |
Более подробная информация о Стандартных атрибутах.
Атрибуты событий
Тег<head> не поддерживает не один из атрибутов событий.Более подробная информация о Атрибуты событий.
Пример 1
Указывает URL по умолчанию, и цели по умолчанию для всех ссылок на странице:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://xhtml.co.il/images/" /> <base target="_blank" /> </head>
Обратите внимание, что мы указали только относительный адрес для изображения.
Так как мы определили базовый URL в головной секции, браузер будет искать изображение по адресу "http://xhtml.co.il/images/nord1.gif"
Обратите внимание, что линк открывается в новом окне, даже если он не имеет атрибута target="_blank". Это потому, что атрибут цели элемента base установлен в "_blank".
Пример 2
Этот пример демонстрирует, как отформатировать HTML документ с добавлением стиля в секцию 'head'.<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>Пример 3
Как использовать тег <link>, чтобы прикрепить внешний список стилей.<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="http://xhtml.co.il/tryit/html/styles.css" > </head> <body> <h1>Я отформатирован с использованием внешнего листа стилей</h1> <p>Я тоже!</p> </body> </html>
Пример 4
Как использовать теги <meta> для описания документа.<html> <head> <meta name="description" content="Свободное пособие по веб" /> <meta name="keywords" content="HTML,CSS,XML,JavaScript" /> <meta name="author" content="Адам Пери" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html>
Была ли эта информация полезной?
