<address>
- 25 января 2023
Тег <address>
предназначен для указания контактной информации автора или владельца страницы. Это может быть физический адрес, электронная почта или номер телефона.
Синтаксис
<address>
<p>Имя Фамилия</p>
<p>Адрес: Улица, город, почтовый индекс</p>
<p>Телефон: +7 (123) 456-78-90</p>
<p>Электронная почта: example@mail.com</p>
</address>
Спецификация HTML
Тег <address>
является актуальным и поддерживается всеми современными браузерами. Ссылка на спецификацию
Семантический или нет
Тег <address>
считается семантическим, поскольку несёт в себе смысл и точно передает назначение своего содержимого. Его использование облегчает понимание контактной информации на странице.
Примеры использования
Для указания контактной информации компании на странице:
<address>
<p>HTML Academy</p>
<p>Адрес: г. Санкт-Петербург, наб. реки Карповки 5П</p>
<p>Телефон: +7 (000) 000-00-00</p>
<p>Электронная почта: blog@htmlacademy.ru</p>
</address>
Для указания контактной информации автора статьи:
<article>
<h2>Название статьи</h2>
<p>Текст статьи...</p>
<address>
<p>Автор: Имя Фамилия</p>
<p>Электронная почта: author@mail.com</p>
</address>
</article>
Атрибуты тега
cite
: указывает URL, который ссылается на источник информации, которую содержит тег<address>
title
: добавляет всплывающую подсказку с текстом, указанным в атрибуте
Глобальные атрибуты
Тег <address>
поддерживает все глобальные атрибуты HTML.
Нюансы
- Не стоит использовать тег
<address>
для указания контактной информации, которая не относится к автору или владельцу страницы. В таком случае лучше использовать другие теги, например p или div. - Если на странице есть несколько блоков с контактной информацией, то каждый блок необходимо оформлять тегом
<address>
отдельно. - В контактной информации можно использовать другие теги, например a для создания ссылок на электронную почту или телефонный номер.
- Не забывайте указывать все необходимые контактные данные, чтобы пользователи могли связаться с вами или вашей компанией.
Поддержка браузерами
Тег <address>
поддерживается всеми современными браузерами. См. caniuse.com
Чем заменить этот тег
Если необходимо создать блок контактной информации, можно использовать тег <div>
или <p>
. Тег <address>
имеет смысл использовать только тогда, когда нужно указать контактную информацию владельца страницы или автора статьи на странице.
Актуальность
Тег <address>
не устарел и продолжает поддерживаться в HTML.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023