Кратко
СкопированоТегом <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>
<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>.
На практике
Скопированосоветует
Скопировано🛠 В реальных проектах этим тегом чаще всего размечают блок со ссылками на соцсети в подвале сайта, телефоны в шапке, контактную информацию в подвале и на отдельной странице. Если у вас блог, куда пишут разные авторы, то круто, если этим тегом вы будете размечать имена или контактную информацию авторов статей.