<address> HTML-элемент контактного адреса
Базовая версия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Элемент <address> HTML указывает, что содержащийся в нём HTML-код предоставляет контактную информацию одного или нескольких людей либо организации.
Попробуйте
<p>Contact the author of this page:</p> <address> <a href="mailto:jim@example.com">jim@example.com</a><br /> <a href="tel:+14155550132">+1 (415) 555‑0132</a> </address>
a[href^="mailto"]::before {
content: "📧 ";
}
a[href^="tel"]::before {
content: "📞 ";
}
Контактная информация, указанная в содержимом элемента <address>, может иметь любую форму, подходящую для контекста, и включать любые необходимые сведения, например физический адрес, URL-адрес, адрес электронной почты, номер телефона, имя пользователя в социальной сети, географические координаты и так далее. Элемент <address> должен содержать имя человека, людей или организации, к которым относится контактная информация.
<address> можно использовать в разных контекстах, например, чтобы указать контактную информацию компании в заголовке страницы или обозначить автора статьи, включив элемент <address> в <article>.
Атрибуты
Этот элемент поддерживает только глобальные атрибуты.
Примечания по использованию
- Элемент
<address>можно использовать только для представления контактной информации ближайшего родительского элемента<article>или<body>. - Этот элемент не должен содержать ничего, кроме контактной информации, например дату публикации (для неё предназначен элемент
<time>). - Обычно элемент
<address>можно поместить в элемент<footer>текущего раздела, если он есть.
Примеры
В этом примере показано использование <address> для выделения контактной информации автора статьи.
<address> You can contact author at <a href="http://www.example.com/contact">www.example.com</a>.<br /> If you see any bugs, please <a href="mailto:webmaster@example.com">contact webmaster</a>.<br /> You may also want to visit us:<br /> Mozilla Foundation<br /> 331 E Evelyn Ave<br /> Mountain View, CA 94041<br /> USA </address>
Результат
Хотя этот элемент отображает текст с теми же стандартными стилями, что и элементы <i> или <em>, для контактной информации правильнее использовать <address>, поскольку этот элемент несёт дополнительную семантическую информацию.
Техническая сводка
| Категории содержимого | Потоковое содержимое, ощутимое содержимое. |
|---|---|
| Допустимое содержимое | Потоковое содержимое, но без вложенного элемента <address>, заголовочного содержимого (<hgroup>, h1, h2, h3, h4, h5, h6), содержимого разделов (<article>, <aside>, <section>, <nav>), а также без элемента <header> или <footer>. |
| Пропуск тегов | Не допускается: обязательны и открывающий, и закрывающий теги. |
| Допустимые родительские элементы | Любой элемент, допускающий потоковое содержимое, за исключением элементов <address> (согласно логическому принципу симметрии: если тег <address> как родительский элемент не может содержать вложенный элемент <address>, то и такое же содержимое <address> не может иметь тег <address> в качестве родительского элемента). |
| Неявная роль ARIA | group |
| Допустимые роли ARIA | Любая |
| Интерфейс DOM | HTMLElement До Gecko 2.0 (Firefox 4) Gecko реализовывал этот элемент с помощью интерфейса HTMLSpanElement |
Спецификации
| Спецификация |
|---|
| HTML> # the-address-element> |
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | WebView на iOS | |
address |
1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
См. также
- Другие элементы, связанные с разделами:
<body>,<nav>,<article>,<aside>, h1, h2, h3, h4, h5, h6,<hgroup>,<footer>,<section>,<header>; - Разделы и структура HTML-документа.
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/address