Предоставление контактной информации
Элемент address
используется для обозначения контактной информации для документа или элемента article
. В таблице 10-11 представлен элемент address
.
Таблица 10-11: Элемент address
Элемент | address |
Тип элемента | Потоковый |
Разрешенные родительские элементы | Любой элемент, который может содержать потоковые элементы |
Локальные атрибуты | Нет |
Содержание | Потоковый контент, но элементы h1 –h6 , 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
