SNK Software
Web Studio Монополия Metaproducts Утилиты Игры
Монополию Web Studio Библиотека
Вебмастер Дельфи Работа на ПК Самоучитель
Для PHP Для Delphi
Веб-дизайн Программирование Компьютеры Девайсы Заметки
SNK Software Индустрия hardware Индустрия software
О студии Портфолио Сопровождение сайтов

Новые материалы

Девайсы:
Сравнительный обзор Nokia Lumia 920 и HTC 8X
Девайсы:
Обзор Nokia Lumia 820 – смартфона на WP8
Вебмастеру:
Настройка Apache, PHP и MySQL для Linux-VPS
Вебмастеру:
VPS на домашнем ПК: настройка сети в VM VirtualBox и Debian
Вебмастеру:
VPS на домашнем ПК: устанавливаем Linux Debian 6
Вебмастеру:
VPS на домашнем ПК: установка VM VirtualBox
Работа на компьютере:
Иные возможности текстового процессора Word
Работа на компьютере:
Вставка объектов
Работа на компьютере:
Таблицы в Word
Работа на компьютере:
Печать и сохранение документов
Работа на компьютере:
Сноски, колонтитулы, оглавление и указатели в Word

Структура документа – заголовок и тело

В этой главе:

  1. Информация о версии – !DOCTYPE
  2. Элемент HTML
  3. Элемент HEAD
  4. Атрибуты LANG и DIR
  5. Элемент TITLE и атрибут TITLE
  6. Элемент META
  7. Элемент BODY
  8. Группирующие элементы DIV и SPAN
  9. Элемент CENTER
  10. Заголовки – элементы H1, H2, H3, H4, H5, H6
  11. Элемент ADDRESS

Как мы уже знаем, любой документ HTML состоит из трех частей:

  1. Строки, содержащей информацию о версии XHTML или HTML
  2. Блока заголовка документа
  3. Тела документа, содержащего либо непосредственно отображаемую информацию, либо определяющего набор фреймов.

Вторая и третья части должны быть вложены в контейнер HTML. При этом, если создавать документ HTML 4.0, указывать явно контейнеры для документа, его заголовка и тела нет надобности: если они опущены, подразумевается, что браузер сам определит где что находится. Поэтому и открывающие, и закрывающие теги для этих элементов отмечены как опциональные. Тем не менее, «правила хорошего тона» требуют, чтобы эти теги все-таки присутствовали. Для всех остальных элементов HTML открывающий тег обязателен. Для XHTML-документов обязателен и закрывающий тег, для всех без исключения элементов. Кроме того, по правилам XHTML все теги и атрибуты должны быть набраны в нижнем регистре.

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

<html> <html></html> </html>

Что касается уникальности, то если для элемента заявлено это свойство, то следует помнить, что в документе он может быть представлен лишь один раз. Так, приведенный выше пример неверен дважды, поскольку элемент HTML не только не может быть вложенным, но и является уникальным.

Информация о версии – !DOCTYPE

Любой действительный документ HTML и XHTML должен содержать информацию о версии языка, используемого в документе. Для HTML и XHTML определено по три типа документов:

  1. Strict – такой документ не должен содержать отмененных элементов и атрибутов, и не должен быть контейнером для фреймов.
  2. Transitional – более «мягкое» определение. Может содержать все то, что и Strict, а также отмененные элементы и атрибуты.
  3. 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.

Таблица 2.1. Атрибуты элемента 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, однако могут ее использовать для каких-либо иных целей.

Таблица 2.2. Атрибуты элемента 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 служит для определения направления вывода текста и может принимать следующие значения:

Атрибут 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>
Таблица 2.3. Атрибуты элемента TITLE
АтрибутПримечаниеОписание
langОбщийИнформация о языке текста внутри элемента
dirОбщийОпределяет направление текста внутри элемента

Как видно, все атрибуты элемента TITLE сводятся лишь к указанию языка, на котором написано то, что находится внутри контейнера. В то же время, для подавляющего большинства элементов определен атрибут TITLE, служащий заголовком (или кратким описанием) содержимого такого элемента. Для выводимых в окне браузера элементов значение атрибута TITLE, как правило, выводится в качестве всплывающей подсказки («hint»).

Свойства TITLE

Закрывающий тег (для элемента TITLE): требуется.
Совместимость: элемент TITLE – все, атрибут TITLE – все.
Вложение (для элемента TITLE): недопустимо.
Уникальный (для элемента TITLE): да.

Элемент META

Элемент META используется для включения различной информации о документе, а также предоставляет возможность сообщать дополнительные инструкции как клиентской части (браузеру), так и серверной. Он используется в формате «свойство – значение».

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

<meta name="Author" content="Василий Иванов">

В данном случае определяется свойство (автор), которому присваивается значение (Василий Иванов). Вы можете определять любые свойства и присваивать им любые значения. Вместе с тем, ряд свойств атрибута NAME являются общепринятыми:

Таблица 2.4. Атрибуты элемента META
АтрибутПримечаниеОписание
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 имеет ряд общепринятых свойств. К ним относятся:

Примеры:

<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>
Таблица 2.5. Атрибуты элемента BODY
АтрибутПримечаниеОписание
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, подразделяются на элементы уровня блока и строковые элементы, или элементы уровня текста. Их различие сводится к следующим пунктам:

  1. Элементы уровня блока могут содержать внутри себя как встроенные элементы, так и другие элементы уровня блока. Иными словам, элементы уровня блока образуют более глобальную (крупную) структуру, нежели встроенные.
  2. Как правило, браузер производит вывод элементов уровня блока с новой строки, в то время как строковые – в общем потоке документа.

Элемент 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).

Группировка и оформление при помощи элементов DIV и SPAN

Рис. 2.1. Группировка и оформление при помощи элементов DIV и SPAN

Оба этих элемента имеют один и тот же набор атрибутов, приведенных в таблице 2.6. Исключение составляет лишь отмененный атрибут ALIGN, имеющийся только у DIV. Он отвечает за выравнивание текста и может принимать 4 значения: Center, Left, Right и Justify, которые заставляют текст выравниваться по центру, левому краю, правому краю и по ширине соответственно:

<div align="center">Так уже никто не выравнивают!</div> <div style="text-align: center">А так – выравнивают!</div>
Таблица 2.6 Атрибуты элементов DIV и SPAN
АтрибутПримечаниеОписание
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> Заголовки с H1 по H4

Рис. 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
Таблица 2.6 Атрибуты элементов DIV и SPAN
АтрибутПримечаниеОписание
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).

Заголовки HTML и элемент ADDRESS

Рис. 2.3. Заголовки и элемент ADDRESS

Свойства ADDRESS

Закрывающий тег: требуется.
Совместимость: все.
Вложение: недопустимо.
Уникальный: нет.

2011-05-19

Избранное

SNK GSCP
SNK GSCP - новая библиотека для PHP 5!
Web Studio
Web Studio и Visual Workshop
Библиотека:
Стандарты на web-технологии
Монополия
Монополия Android
Загрузки:
скачать программы
Продукция:
программы и книги
Техподдержка / Связаться с нами
Copyright © 1999-2013 SNK. Все права защищены.
При использовании материалов с сайта ссылка на источник обязательна.
Рейтинг@Mail.ru