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