Главная страница   /   10.8. Предоставление контактной информации (Руководство по HTML5

Руководство по HTML5

Руководство по HTML5

Адам Фриман

10.8. Предоставление контактной информации

Элемент address используется для обозначения контактной информации для документа или элемента article. В таблице 10-11 представлен элемент address.

Таблица 10-11: Элемент address
Элемент address
Тип элемента Потоковый
Разрешенные родительские элементы Любой элемент, который может содержать потоковые элементы
Локальные атрибуты Нет
Содержание Потоковый контент, но элементы h1h6, section, header, footer, nav, article и aside не могут быть использованы в качестве потомков этого элемента
Стиль тегов Открывающий и закрывающий теги
Новый в HTML5 Да
Изменения в HTML5 N/A
Соглашение по стилям address { display: block; font-style: italic; }

Когда элемент address является потомком элемента article, предполагается, что он предоставляет контактную информацию для этой статьи (article). В противном случае, когда элемент address является дочерним элементом для элемента body (и между body и address нет элемента article), то предполагается, что address предоставляет контактную информацию для всего документа.

Элемент address не должен использоваться для обозначения адреса, который не является контактной информацией для документа или статьи. Например, вы не можете использовать этот элемент для обозначения адресов клиентов или пользователей в контексте документа. В листинге 10-9 показано, как используется элемент address.

Листинг 10-9: Использование элемента address
...
<body>
	<header>
		<hgroup>
			<h1>Things I like</h1>
			<h2>by Adam Freeman</h2>
		</hgroup>
		<address>
			Questions and comments? <a href="mailto:adam@myboringblog.com">Email me</a>
		</address>
		<nav>
			<h1>Contents</h1>
			<ul>
				<li><a href="#fruitsilike">Fruits I Like</a></li>
				<li><a href="#activitiesilike">Activities I Like</a></li>
			</ul>
		</nav>
	</header>
	<article>
		<header>
			<hgroup>
...

Я добавил элемент address в верхний колонтитул документа. В этом примере я предоставил пользователям/читателям адрес электронной почты для связи со мной. Вы можете увидеть это дополнение на рисунке 10-12.

Рисунок 10-12: Добавление элемента address