skip to main content

<address>

html

Кратко 🔗

Тегом <address> размечается контактная информация о человеке, людях или организации.

Пример 🔗

<p>С автором статьи можно связаться:</p>

<address>
По эл. почте: <a href="mailto:article@auth.or">article@auth.or</a><br>
По телефону: <a href="tel:+77778889900">+7(777)888-99-00</a>
</address>

Как это понять 🔗

На странице может присутствовать контактная информация разного рода: почтовые адреса, адреса электронной почты, номера телефона, ссылки на соцсети, географические координаты, адреса URL и так далее. Такую информацию мы размечаем тегом <address>. Желательно также, чтобы помимо этой информации присутствовало также имя человека, или имена людей, либо название организации. В общем, этот тег может использоваться в совершенно разных видах: от представления контактной информации о компании в шапке сайта до прямого указания на автора статьи внутри тега <article>.

Подсказки 🔗

💡По умолчанию содержимое тега <address> выделяется на вёрстке курсивом.

💡Есть ряд ограничений на содержимое тега <address>:

  • Нельзя вкладывать теги <address> друг в друга
  • Нельзя вкладывать в параграф с текстом, это не фразовый элемент
  • Внутри нельзя использовать заголовки, секционные теги (<section>, <article>, <aside>, <nav>), а так же теги <header> и <footer>

В работе 🔗

🛠 В реальных проектах этим тегом чаще всего размечают блок со ссылками на соцсети в подвале сайта, телефоны в шапке, контактную информацию в подвале и на отдельной странице. Если у вас блог, куда пишут разные авторы, то круто, если этим тегом вы будете размечать имена или контактную информацию авторов статей.

Автор: Денис,