<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> имеет смысл использовать только тогда, когда нужно указать контактную информацию владельца страницы или автора статьи на странице.