Тег <address> размечает контактные данные того, кто отвечает за страницу или статью: автора, владельца сайта, организацию. Название говорит про адрес, но речь не о почтовом адресе как таковом - об этом и пойдёт разговор ниже. Тег парный, собственных атрибутов у него нет.
В этой статье
Что такое тег address в HTML
Внутрь <address> попадает всё, по чему с вами можно связаться: электронная почта, телефон, ссылки на соцсети, форма обратной связи, физический адрес офиса. Рядом обычно указывают, кому эти контакты принадлежат - имя автора или название организации.
Область действия у тега зависит от места. Прописанный прямо в <body> он даёт контакты всего документа. Прописанный внутри article - контакты автора именно этой статьи.
<address>
Редакция сайта<br>
<a href="mailto:info@example.com">info@example.com</a><br>
<a href="tel:+70000000000">+7 000 000-00-00</a>
</address>Поисковые системы используют эту разметку, чтобы понять, чьи контакты указаны на странице. Для сайта, где важны доверие и обратная связь, это не лишнее.
Почему это не тег для почтового адреса
Название тега сбивает с толку почти всех. Кажется, что раз "адрес", значит любым адресом на странице можно его размечать. Спецификация говорит обратное: произвольные почтовые адреса контактной информацией не являются, и оборачивать их этим тегом не нужно.
Разница не в том, что написано, а в том, чьё оно. Проверка простая: спросите, чьи это контакты. Если на вопрос есть ответ - автора статьи, владельца сайта, конкретной организации - перед вами <address>. Если адрес приведён на странице просто как данные, тега быть не должно.
Пример: контакты и просто адрес
Это address
Это не address
Слева - контакты редакции. Справа - список филиалов: чьи это контакты, сказать нельзя.
Обратите внимание на курсив в левом блоке - это оформление <address> по умолчанию, никакого CSS там нет. Справа обычная разметка списка, и курсива не появилось.
По той же логике не размечают тегом адрес доставки в оформлении заказа, адрес объекта в карточке недвижимости и адрес точки на карте. Это данные о чём-то, а не способ связаться с тем, кто отвечает за страницу.
Отдельный пограничный случай - один только email без всего остального. Если это единственная строчка и не часть более широкого блока контактов, оборачивать её тегом смысла немного: ссылки mailto: достаточно.
Где размещают address: подвал и статья
Самое частое место - подвал сайта. Там контакты соседствуют с копирайтом и ссылками на документы, и относятся ко всему сайту сразу.
<footer>
<address>
<a href="mailto:info@example.com">info@example.com</a>
</address>
<p>© 2026 Мой сайт</p>
</footer>Второе место - внутри статьи, в блоке об авторе. Тут область действия сужается: контакты относятся к автору этого материала, а не к сайту.
<article>
<h2>Как выбрать первый ноутбук</h2>
<p>Текст статьи...</p>
<footer>
<address>
Анна Петрова,
<a href="mailto:anna@example.com">anna@example.com</a>
</address>
</footer>
</article>Третий сценарий - страница контактов целиком. Там тегом <address> размечают основной блок связи, а расписание работы, схему проезда и форму обратной связи оставляют снаружи: это уже не контакты, а сопутствующие сведения.
Что можно прописать внутри и чего нельзя
Внутри допустим обычный текст, ссылки, переносы строк, выделение - словом, всё, из чего состоят контакты. А вот список запретов у этого тега длиннее, чем у большинства соседей по группе.
Внутрь <address> нельзя прописывать заголовки <h1>-<h6>, секционные теги article, section, aside и nav, а также header, <footer> и вложенный <address>. Логика понятна: блок контактов - это конечная веточка разметки, внутри неё не разворачивают новую структуру документа.
Есть и обратное ограничение: сам <address> не прописывают внутри абзаца <p>. Тег блочный, и абзац он разорвёт.
Про оформление стоит знать заранее: браузер по умолчанию показывает содержимое курсивом и ставит переносы до и после блока. Если курсив в макет не вписывается, его снимают одной строкой CSS - на смысл тега это никак не влияет.
address {
font-style: normal;
}Частые ошибки
Три ошибки из четырёх ниже происходят из одного и того же - из названия тега, которое обещает больше, чем тег делает.
| Ошибка | Что происходит | Как исправить |
|---|---|---|
В <address> обёрнут любой адрес на странице |
Разметка сообщает, что это контакты владельца, хотя это просто данные | Проверить вопросом "чьи это контакты" и при отсутствии ответа убрать тег |
| Тегом размечен адрес доставки в форме заказа | Адрес покупателя выдаётся за контакты того, кто отвечает за страницу | Оставить обычную разметку формы |
| Внутри прописан заголовок или секционный тег | Валидатор W3C выдаёт ошибку: такое содержимое тегу не разрешено | Вынести заголовок наружу, перед блоком контактов |
| Курсив по умолчанию принимают за ошибку вёрстки | Тег меняют на <div>, и семантика теряется |
Оставить тег, а курсив снять через font-style: normal |
