HTML-тег `<address>`

Тег <address> используется для предоставления контактной информации владельца сайта или автора статьи. Он может содержать электронную почту, номер телефона, адрес, ссылку на сайт и т. д.

Синтаксис

Тег <address> всегда используется парами. Содержимое записывается между открывающим (<address>) и закрывающим (</address>) тегами.

Большинство браузеров добавляют перенос строки до и после элемента, а информация внутри тега отображается курсивом.

Если тег <address> размещён внутри элемента <body>, контактная информация в нём относится ко всему документу в целом. Чтобы указать контактную информацию автора статьи, необходимо поместить тег <address> внутрь элемента <article>.

Пример использования HTML-тега `<address>`:

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <address>
      Author: W3docs team<br />
      <a href="mailto:[email protected]">Contact Author</a>
    </address>
  </body>
</html>

Try it Yourself »

Результат

address example

DANGER

Не используйте тег <address> для указания адреса электронной почты, если он не является частью контактной информации автора.

Тег <address> обычно размещается вместе с другой информацией внутри элемента <footer>.

Пример использования HTML-тега `<address>` вместе с HTML-тегом `<footer>`:

html

<!DOCTYPE html>
<html>
  <head>
    <style>
      .header{
        height: 40px;
        padding: 20px 20px 0;
        background: #e1e1e1;
      }
      .main-content{
        height: 60vh;
        padding: 20px;
      }
      footer{
        padding: 10px 20px;
        background: #666666;
        color: white;
      }
      a{
        color: #00aaff;
      }
    </style>
  </head>
  <body>
    <div class="header">Header / Menu</div>
    <div class="main-content">
      <h1>Main content</h1>
      <p>This is some paragraph. </p>
    </div>
    <footer style="display:flex; justify-content:space-between; align-items:flex-end;">
      <p style="margin:0;">Company © W3docs. All rights reserved.</p>
      <address>
        3rd street, app 43<br />
        New York, USA        
      </address>
    </footer>
  </body>
</html>

Try it Yourself »

Атрибуты

Тег <address> поддерживает Глобальные атрибуты и Атрибуты событий.

Практика

Какова цель HTML-тега <address>?

Он предоставляет контактную информацию для веб-сайта или части документа.Он добавляет заголовок на веб-страницу.Он может включать любой тип контактной информации и не ограничивается только физическим адресом.Он изменяет цвет фона веб-страницы.Он используется для включения основного содержимого веб-страницы.

HTML-тег <address> ​

Синтаксис ​

Пример использования HTML-тега <address>: ​

Результат ​

Пример использования HTML-тега <address> вместе с HTML-тегом <footer>: ​

Атрибуты ​