Структура документа – заголовок и тело
В этой главе:
- Информация о версии – !DOCTYPE
- Элемент HTML
- Элемент HEAD
- Атрибуты LANG и DIR
- Элемент TITLE и атрибут TITLE
- Элемент META
- Элемент BODY
- Группирующие элементы DIV и SPAN
- Элемент CENTER
- Заголовки – элементы H1, H2, H3, H4, H5, H6
- Элемент ADDRESS
Как мы уже знаем, любой документ HTML состоит из трех частей:
- Строки, содержащей информацию о версии XHTML или HTML
- Блока заголовка документа
- Тела документа, содержащего либо непосредственно отображаемую информацию, либо определяющего набор фреймов.
Вторая и третья части должны быть вложены в контейнер HTML. При этом, если создавать документ HTML 4.0, указывать явно контейнеры для документа, его заголовка и тела нет надобности: если они опущены, подразумевается, что браузер сам определит где что находится. Поэтому и открывающие, и закрывающие теги для этих элементов отмечены как опциональные. Тем не менее, «правила хорошего тона» требуют, чтобы эти теги все-таки присутствовали. Для всех остальных элементов HTML открывающий тег обязателен. Для XHTML-документов обязателен и закрывающий тег, для всех без исключения элементов. Кроме того, по правилам XHTML все теги и атрибуты должны быть набраны в нижнем регистре.
Здесь же следует оговорить некоторые термины, применяющиеся в описании элементов. Если про совместимость мы уже договорились в самом начале книги, то про вложение и уникальность еще не говорили. Итак, характеристика вложение определяет, можно или нет вкладывать один элемент такого типа в другой такой же. Т.е. если вложение недопустимо, то конструкции такого типа будут неверными:
<html>
<html></html>
</html>
Что касается уникальности, то если для элемента заявлено это свойство, то следует помнить, что в документе он может быть представлен лишь один раз. Так, приведенный выше пример неверен дважды, поскольку элемент HTML не только не может быть вложенным, но и является уникальным.
Информация о версии – !DOCTYPE
Любой действительный документ HTML и XHTML должен содержать информацию о версии языка, используемого в документе. Для HTML и XHTML определено по три типа документов:
- Strict – такой документ не должен содержать отмененных элементов и атрибутов, и не должен быть контейнером для фреймов.
- Transitional – более «мягкое» определение. Может содержать все то, что и Strict, а также отмененные элементы и атрибуты.
- Frameset – указывает на то, что данный документ является контейнером для набора фреймов. В нем не должно быть части BODY.
Примеры:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
Дополнительно для документов HTML рекомендуется, а для XHTML – требуется указывать файл, содержащий DTD – document type definition (определение типа документа) для данного типа документа:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
ВНИМАНИЕ
Если вы указываете в заголовке тип документа, то уж постарайтесь при дальнейшем его создании как можно более жестко придерживаться указанного типа.
У современных браузеров, включая даже MSIE 6, одна и та же страница, с определением DOCTYPE и без такового, в ряде случаев может выводиться по-разному. Более того, все версии Firefox и Chrome, а так же Opera и MSIE 7 и выше реагирует и на то, какой именно вариант HTML или XHTML указан – Strict или Transitional.
Свойства тэга !doctype
Атрибуты: нет.
Закрывающий тег: нет.
Совместимость: все.
Вложение: недопустимо (пустой элемент).
ПРИМЕЧАНИЕ
Пустым элементом является элемент, ничего не содержащий между открывающим и закрывающим тегами, или же попросту не имеющий закрывающего тега в HTML.
Уникальный: да.
Элемент HTML
После строки с информацией о версии, весь остальной документ должен быть заключен в контейнер HTML. Текст, помещенный вне этого элемента, может игнорироваться браузером, и хотя на практике этого не происходит, следите, чтобы все содержимое документа находилось внутри контейнера HTML.
| Атрибут | Примечание | Описание |
|---|---|---|
| version | Устаревший | Указывает версию HTML. Используйте !DOCTYPE. |
| xmlns | Только в XHTML | Определяет пространство имен для XHTML |
| lang | Общий | Информация о (человеческом) языке документа |
| dir | Общий | Определяет направление текста в документе |
В качестве значения для атрибута XMLNS, обязательного для XHTML-документов, всегда следует указывать «http://www.w3.org/1999/xhtml», вне зависимости от того, какая из существующих (одобренных) версий языка используется – XHTML 1.0 Transitional, Strict, Frameset, или XHTML 1.1.
Листинг 2.1. Элемент HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
...Заголовок и тело документа распложены здесь...
</html>
Свойства тэга HTML
Закрывающий и открывающий теги: опционально.
Совместимость: все.
Вложение: недопустимо.
Уникальный: да.
Элемент HEAD
Данный элемент содержит информацию о текущем документе – такую, как заголовок, ключевые слова, и иную информацию, которая не должна отображаться в документе. Браузеры не должны отображать информацию, помещенную в контейнер HEAD, однако могут ее использовать для каких-либо иных целей.
| Атрибут | Примечание | Описание |
|---|---|---|
| profile | - | Указывает расположение одного или нескольких разделенных пробелом профайлов, содержащих определения META. |
| lang | Общий | Информация о языке заголовка документа |
| dir | Общий | Определяет направление текста в заголовке документа |
Листинг 2.2. Элемент HEAD
<head>
<title>Заголовок</title>
<meta name="Keywords" content="ключевые слова документа">
<style type="text/css">
body {color: green}
</style>
</head>
Свойства тэга HEAD
Закрывающий и открывающий теги: опционально.
Совместимость: все.
Вложение: недопустимо.
Уникальный: да.
Атрибуты LANG и DIR
Мы только начали знакомиться с элементами HTML, но уже можем заметить, что некоторые их атрибуты повторяются. В частности, к таковым относятся LANG и DIR, которые определены для всех элементов, с помощью которых можно вывести какой-либо текст, иными словами – для всех элементов, кроме APPLET, BASE, BASEFONT, BDO, BR, FRAME, FRAMESET, HR, IFRAME, PARAM и SCRIPT.
Оба этих атрибута были введены в HTML 4.0 с целью улучшения поддержки интернационализации. Так, атрибут DIR служит для определения направления вывода текста и может принимать следующие значения:
- LTR – выводить текст или данные таблицы слева направо (по умолчанию)
- RTL – выводить текст или данные таблицы справа налево.
Атрибут LANG служит для указания того, на каком языке составлен документ или его часть. С его помощью можно определять альтернативные документы для поисковых машин, помогать распознавать текст встроенным в браузер переводчикам и речевым синтезаторам и т.д. В качестве значения указывается язык в соответствии с RFC1766. Например, русский обозначается как «ru», английский – «en» и т.д.:
<q lang="ru">Некоторое высказывание...</q>
ВНИМАНИЕ
В XHTML 1.1 вместо атрибута LANG следует использовать атрибут XML:LANG.
При всем этом, использование данных атрибутов современными графическими программами просмотра не является полноценным, хотя в целом поддержка интернационализации декларирована во всех последних версиях рассматриваемых браузеров.
ПРИМЕЧАНИЕ
На самом деле, в HTML 4, кроме этих двух атрибутов, имеется еще и специальный элемент – BDO, отвечающий за вывод разнонаправленного текста. Но, поскольку, для русского (и всех европейских) языков это не актуально, данная тема останется за рамками настоящего издания.
Элемент TITLE и атрибут TITLE
Каждый действительный документ HTML или XHTML должен иметь элемент TITLE в части HEAD. Этот элемент используется для определения содержания документа. Большинство браузеров (в частности, все рассматриваемые нами в этой книге браузеры) отображают строку, размещенную внутри элемента TITLE в качестве заголовка окна. Хотя явных ограничений на длину текста не имеется, реально следует уложиться не более чем в 40–50 символами.
Пример:
<title>Моя главная страница</title>
| Атрибут | Примечание | Описание |
|---|---|---|
| lang | Общий | Информация о языке текста внутри элемента |
| dir | Общий | Определяет направление текста внутри элемента |
Как видно, все атрибуты элемента TITLE сводятся лишь к указанию языка, на котором написано то, что находится внутри контейнера. В то же время, для подавляющего большинства элементов определен атрибут TITLE, служащий заголовком (или кратким описанием) содержимого такого элемента. Для выводимых в окне браузера элементов значение атрибута TITLE, как правило, выводится в качестве всплывающей подсказки («hint»).
Свойства TITLE
Закрывающий тег (для элемента TITLE): требуется.
Совместимость: элемент TITLE – все, атрибут TITLE – все.
Вложение (для элемента TITLE): недопустимо.
Уникальный (для элемента TITLE): да.
Элемент META
Элемент META используется для включения различной информации о документе, а также предоставляет возможность сообщать дополнительные инструкции как клиентской части (браузеру), так и серверной. Он используется в формате «свойство – значение».
Например, чтобы указать автора документа, используется следующая конструкция:
<meta name="Author" content="Василий Иванов">
В данном случае определяется свойство (автор), которому присваивается значение (Василий Иванов). Вы можете определять любые свойства и присваивать им любые значения. Вместе с тем, ряд свойств атрибута NAME являются общепринятыми:
- Author – автор документа
- Copyright – информация об авторском праве
- Description – описание документа (для поисковых машин)
- Generator – название программы, с помощью которой создавался документ
- Keywords – ключевые слова (для поисковых машин)
| Атрибут | Примечание | Описание |
|---|---|---|
| name | - | Определяет имя свойства |
| content | - | Определяет значение для свойства |
| scheme | - | Определяет схему для обработки значения CONTENT браузером |
| http-equiv | - | Может быть использован вместо атрибута NAME для указания инструкций серверу и (или) браузеру |
| lang | Общий | Информация о языке текста внутри элемента |
| dir | Общий | Определяет направление текста внутри элемента |
Рассмотрим подробнее атрибут HTTP-EQUIV. Так, элемент META со следующим определением указывает, что в документе содержится текст в формате HTML:
<meta http-equiv="Content-Type" content="text/html"></meta>
Дополнительно может быть указана и кодовая страница:
<meta http-equiv="Content-Type" content="text/html; Charset=Windows-1251" />
Обратите внимание на косую черту в самом конце: поскольку по правилам HTML 4 у элемента META нет закрывающего тега, а в XHTML – есть, то в данном случае применен так называемый «короткий синтаксис» закрывающего тега. Такой путь является более предпочтительным, нежели использование обычного закрывающего тега, поскольку если браузер не понимает XHTML, то он может столкнуться с проблемой, натолкнувшись на непредусмотренный в HTML тег.
Так же следует отметить, что хотя стандарт W3C рекомендует нам всегда указывать значение Charset, проконсультируйтесь с администратором вашего сервера относительно настроек по поддержке русских кодовых страниц. Дело в том, что часто используется авто-определение платформы клиента, и документ перекодируется уже при отправке с сервера. Таким образом, браузер может попытаться произвести лишнюю перекодировку, чего он не будет делать, если Charset не указан.
Как и NAME, атрибут HTTP-EQUIV имеет ряд общепринятых свойств. К ним относятся:
- Refresh – данное свойство поддерживается большинством браузеров и заставляет их перегружать документ по истечении интервала времени, указанного в секундах.
- Expires – указывает дату, после которой документ становится устаревшим. Заставляет браузер явно загрузить документ из сети, а не из кэша.
- Content-type – указывает на тип файла
- Content-style-type – указывает на тип применяемых таблиц стилей
- Content-script-type – указывает на применяемый по умолчанию язык сценариев
Примеры:
<meta http-equiv="Content-script-type" content="text/javascript" />
Здесь мы заявляем, что в документе по умолчанию будут использованы сценарии на языке JavaScript.
<meta http-equiv="Refresh" content="60" />
Если вставить в документ такой код, то он будет перезагружаться каждую минуту.
<meta http-equiv="Refresh" content="5;URL=http://www.host.ru/abc.htm" />
В этом случае через пять секунд после загрузки текущего документа будет загружен другой, расположенный по указанному адресу (URL). Такое применение Refresh может быть полезно, например, при «переезде» сайта.
<meta http-equiv="Expires" content="Mon, 01 Jan 1990 00:00:01 GMT" />
Если выставить уже прошедшую дату (как в примере), то документ всегда будет загружаться непосредственно из сети.
Свойства META
Закрывающий тег: только для XHTML.
Совместимость: все.
Вложение: недопустимо (пустой элемент).
Уникальный: нет.
Элемент BODY
Контейнер BODY охватывает все содержимое документа, которое должно быть представлено пользователю. Если документ является контейнером для фреймов, то он не должен содержать элемента BODY.
Листинг 2.3. Элемент BODY
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Заголовок</title>
</head>
<body>
Очень маленький документ
</body>
</html>
| Атрибут | Примечание | Описание |
|---|---|---|
| background | Устаревший | Указывает URI графического изображения, используемого в качестве фона |
| bgcolor | Устаревший | Определяет цвет фона страницы |
| text | Устаревший | Определяет цвет текста на странице |
| link, alink, vlink | Устаревшие | Определяют цвет обычной, выбранной и посещенной ссылки соответственно |
| leftmargin, topmargin, rightmargin, bottommargin | Нестандартные, поддерживаются всеми, кроме Netscape 4 | Определяют величину отступа от края окна браузера до содержимого документа слева, сверху, справа и снизу соответственно. Браузер Opera не воспринимает указание отступа снизу. |
| id | Общий | Определяет имя элемента. Значение этого атрибута должно быть уникальным в документе |
| class | Общий | Определяет класс или набор классов элемента |
| lang | Общий | Информация о языке текста внутри элемента |
| dir | Общий | Информация о направлении текста внутри элемента |
| title | Общий | Определяет заголовок (комментарий) элемента |
| style | Общий | Определяет стилевую информацию элемента (CSS) |
| onload | - | Определяет действие, которое должно быть выполнено после загрузки документа |
| onunload | - | Определяет действие, которое должно быть выполнено в момент покидания страницы |
| onbeforeunload | Нестандартный, только MSIE и Mozilla 1.7 и выше | Определяет действие, которое должно быть выполнено перед покиданием страницы |
| onclick | Общий | Определяет действие, которое должно быть выполнено в случае щелчка мышью |
| ondblclick | Общий | Определяет действие, которое должно быть выполнено в случае двойного щелчка мышью |
| onmousedown | Общий | Определяет действие, которое должно быть выполнено в момент нажатия кнопки мышки |
| onmouseup | Общий | Определяет действие, которое должно быть выполнено в момент отпускания кнопки мышки |
| onmouseover | Общий | Определяет действие, которое должно быть выполнено в момент попадания указателя мышки на элемент |
| onmousemove | Общий | Определяет действие, которое должно быть выполнено во время перемещения указателя мышки |
| onmouseout | Общий | Определяет действие, которое должно быть выполнено в момент покидания указателя мышки элемента |
| onkeypress | Общий | Определяет действие, которое должно быть выполнено когда нажата и отпущена клавиша на клавиатуре |
| onkeydown | Общий | Определяет действие, которое должно быть выполнено когда нажата клавиша на клавиатуре |
| onkeyup | Общий | Определяет действие, которое должно быть выполнено когда отпущена клавиша на клавиатуре |
ВНИМАНИЕ
Поскольку многие из перечисленных в таблице 2.5 атрибутов, включая id, class, lang, dir, style и title имеются практически у всех элементов XHTML, в дальнейшем они будут указываться вместе и без индивидуального описания.
В листинге 2.4 приведен пример с использованием отмененных атрибутов.
Листинг 2.4. Форматирование в стиле HTML 3.2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Оформление с отмененными элементами тега BODY</title>
</head>
<body bgcolor="#FFFFC4" text="#000000" link="#FF0000" vlink="#800000" alink="#00FF00" leftmargin="50">
...Этот документ больше похож на HTML 3.2, чем на современный.
</body>
</html>
На самом деле, этот документ не подходит даже под определение «HTML 4.01 Transitional», поскольку используется отсутствующий в спецификации HTML атрибут LEFTMARGIN. Если же вы хотите создать корректный документ HTML или XHTML, то используйте для этих целей таблицы стилей, как показано в листинге 2.5.
Листинг 2.5. Современное форматирование
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<title>Оформление с использованием CSS</title>
<style type="text/css">
body { background: #FFFFC4; color: #000000; margin-left: 50px; }
a:link { color: #FF0000; }
a:visited { color: #800000; }
a:active { color: #00FF00; }
</style>
</head>
<body>
Этот документ оформлен надлежащим собособом: никаких устаревших атрибутов не используется, а применяется форматирование с использованием каскадных таблиц стилей.
</body>
</html>
Свойства BODY
Открывающий и закрывающий теги: опционально.
Совместимость: все.
Вложение: недопустимо.
Уникальный: да.
Группирующие элементы DIV и SPAN
Все элементы, располагающиеся внутри BODY, подразделяются на элементы уровня блока и строковые элементы, или элементы уровня текста. Их различие сводится к следующим пунктам:
- Элементы уровня блока могут содержать внутри себя как встроенные элементы, так и другие элементы уровня блока. Иными словам, элементы уровня блока образуют более глобальную (крупную) структуру, нежели встроенные.
- Как правило, браузер производит вывод элементов уровня блока с новой строки, в то время как строковые – в общем потоке документа.
Элемент DIV относится к элементам уровня блока (block-level), а SPAN – к встроенным, или строковым элементам (inline). Оба они применяются для форматирования соответствующей части документа с использованием таблиц стилей. На практике DIV также используют для объединения нескольких абзацев в одну группу, как показано в листинге 2.6 (готовый файл находится в папке Part_2\Structural).
Листинг 2.6. Использование группирующих элементов
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Элементы DIV И SPAN</title>
<style type="text/css">
div.Main { text-align: center; background: silver; }
span.Light { background: white }
</style>
</head>
<body>
<div class="Main">
<p>Первый абзац блока <span class="Light">Этот текст выделен белым фоном</span>.</p>
<p>Второй абзац блока</p>
</div>
<p>Абзац вне блока</p>
<div class="Main">
<p>Еще один блок, на этот раз всего с одним абзацем</p>
</div>
</body>
</html>
При визуальном отображение приведенного выше кода весь текст, заключенный как в первый, так и во второй контейнеры DIV будет на сером фоне и выровнен по центру, за исключением части строки, заключенной в SPAN, которая будет на белом фоне (рис. 2.1).
Рис. 2.1. Группировка и оформление при помощи элементов DIV и SPAN
Оба этих элемента имеют один и тот же набор атрибутов, приведенных в таблице 2.6. Исключение составляет лишь отмененный атрибут ALIGN, имеющийся только у DIV. Он отвечает за выравнивание текста и может принимать 4 значения: Center, Left, Right и Justify, которые заставляют текст выравниваться по центру, левому краю, правому краю и по ширине соответственно:
<div align="center">Так уже никто не выравнивают!</div>
<div style="text-align: center">А так – выравнивают!</div>
| Атрибут | Примечание | Описание |
|---|---|---|
| id, class | Общие | Идентификаторы элемента |
| lang, dir | Общие | Информация о языке и направление текста |
| title, style | Общие | Определяет заголовок и стиль элемента |
| align | Устаревший, только для DIV | Определяет выравнивание содержимого блока. |
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup | Общие | Определяют действие, которое должно быть выполнено в ответ на соответствующее действие пользователя |
Свойства DIV и SPAN
Закрывающий тег: требуется.
Совместимость: все.
Вложение: допустимо.
Уникальные: нет.
Элемент CENTER
Частным случаем элемента DIV с параметром ALIGN, установленным в значение «center», является элемент CENTER. Этот элемент был введен еще в браузер MOSAIC, а базирующийся на его коде Internet Explorer, хотя и распознавал атрибуты для выравнивания по левому и правому краю, не воспринимал центрирование при помощи атрибута ALIGN вплоть до выхода 4-й версии. Поэтому, когда MSIE 3.0 стал занимать значительную часть рынка, многие авторы стали применять элемент CENTER для того, чтобы сделать страницы совместимыми как с Netscape, так и с MSIE (Netscape распознавал оба способа):
<center>Этот абзац будет выведен по центру</center>
Поскольку CENTER является не более, чем сокращенным вариантом элемента DIV с предустановленным значением атрибутом ALIGN, а никаких других атрибутов у DIV до появления HTML 4.0 не было, то у CENTER их вообще нет.
В настоящий момент этот элемент потерял свою актуальность, поскольку все современные браузеры поддерживают как выравнивание при помощи атрибутов, так и при помощи таблиц стилей.
Свойства CENTER
Закрывающий тег: требуется.
Совместимость: все (но не может применяться в HTML 4.0 Strict и выше).
Вложение: недопустимо.
Уникальные: нет.
Заголовки – элементы H1, H2, H3, H4, H5, H6
Элементы заголовка служат для выделения названия разделов документа. Существует шесть уровней заголовка. Чем меньше число, указывающее уровень, тем более значимым является заголовок. Иначе говоря, H1 указывает на самую главную тему, а H6 – на наименее значимую. Таким образом, можно наглядно создавать иерархическую структуру документа (листинг 2.7).
Листинг 2.7. Заголовки
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Заголовки</title>
</head>
<body>
<h1>Российская Федерация</h1>
<p>Территориальное деление РФ включает в себя семь федеральных округов</p>
<h2>Центральный федеральный округ</h2>
<p>В каждом округе имеются несколько областей</p>
<h3>Смоленская область</h3>
<p>В каждой области есть города</p>
<h4>Смоленск</h4>
...
</body>
</html>
Рис. 2.2. Заголовки с H1 по H4
До и после заголовка браузер разрывает текст аналогично абзацу. Кроме того, текст заголовков имеет собственное форматирование: все они выводятся шрифтом с полужирным начертанием, и, в зависимости от уровня, выделяются размером кегля (рис. 2.2).
Подобно элементу DIV, заголовки могут выравниваться при помощи атрибута ALIGN, который может принимать те же значения (Center, Left, Right, Justify), однако следует воздерживаться от такого форматирования и использовать таблицы стилей:
<h1 align="right">Так, конечно, можно</h1>
<h1 style="text-align: right;">Но лучше все-таки так!</h1>
Остальные атрибуты также соответствуют тем, что имеют элементы DIV и SPAN и перечислены в таблице 2.7.
Таблица 2.7 Атрибуты элементов H1, H2, H3, H4, H5 и H6| Атрибут | Примечание | Описание |
|---|---|---|
| id, class | Общие | Идентификаторы элемента |
| lang, dir | Общие | Информация о языке и направление текста |
| title, style | Общие | Определяет заголовок и стиль элемента |
| align | Устаревший, только для DIV | Определяет выравнивание содержимого блока. |
| onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup | Общие | Определяют действие, которое должно быть выполнено в ответ на соответствующее действие пользователя |
Свойства H1, H2, H3, H4, H5, H6
Закрывающий тег: требуется.
Совместимость: все.
Вложение: недопустимо.
Уникальные: нет.
Элемент ADDRESS
В заключение ознакомления со структурой документа рассмотрим элемент ADDRESS, который используется, как правило, для предоставления контактной информации об авторе, наподобие обратного адреса на конверте. Как правило, элемент ADDRESS размещают в самом начале или конце документа (листинг 2.8).
Листинг 2.8. Хорошо форматированный документ с адресом
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Документ со структурой</title>
<style type="text/css">
h1,h2 {text-align: center}
</style>
</head>
<body>
<h1>Самый главный заголовок!</h1>
<p>Здесь просто текст</p>
<h2>Второстепенный заголовок</h2>
<p>Еще немного текста</p>
<address title="Контактная информация">
Василий Иванов.<br>
E-mail: <a href="vasjaiv@somehost.ru">vasjaiv@somehost.ru</a>
</address>
</body>
</html>
Обычно текст, помещенный внутри этого элемента, выделяется в браузере курсивом (рис. 2.3). Напоследок можно отметить, что ADDRESS имеет стандартный для всех вложенных в BODY элементов набор атрибутов (см., например, табл. 2.7).
Рис. 2.3. Заголовки и элемент ADDRESS
Свойства ADDRESS
Закрывающий тег: требуется.
Совместимость: все.
Вложение: недопустимо.
Уникальный: нет.
2011-05-19
