Address html – : The Contact Address element — HTML: Hypertext Markup Language

| HTML | WebReference

Элемент <address> (от англ. address — адрес) предназначен для хранения контактной информации автора (адрес, телефон, e-mail, ссылка на сайт и др.) и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т. д. Планируется, что поисковые системы будут анализировать содержимое этого элемента для сбора информации об авторах.

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

Используйте <address> в следующем контексте:

  • если <address> располагается внутри <body>, то информация внутри <address> относится ко всему документу в целом;
  • если <address> располагается внутри <article>, то информация внутри <address> относится к автору статьи.

Внутри <address> нельзя размещать заголовки <h2>,…<h6>, элементы <header>, <footer> и другой <address>.

По умолчанию текст внутри контейнера <address> отображается курсивным начертанием.

Синтаксис

<address>Текст</address>

Закрывающий тег

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>address</title>
  </head>
 <body>
  <address>
   Этот партал зделан сабствинаручно веб-дизайнером Ваней Шапочкиным в праграме 
   Блакнот. Если вы хатите взять маи статьи к сибе на сайт то спрасите мае 
   разришение.
  </address>
 </body>
</html>

Результат примера показан на рис. 1.

Рис. 1

Рис. 1. Вид текста в контейнере <address>

<!DOCTYPE html>
 <html>
  <head>
   <meta charset="utf-8">
   <title>address</title>
  </head>
 <body>
  <footer>
   <address>Волоколамское шоссе, д. 17, офис 392</address>
  </footer>
 </body>
</html>

Спецификация ?

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

×

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+2.1+3.0+1.0+1.0+1.0+

Спецификация

HTML:3.24.015.0XHTML:1.01.1

Описание

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

По умолчанию текст внутри контейнера <address> отображается курсивным начертанием. Если эта особенность не требуется, используйте стили для изменения начертания шрифта.

Синтаксис

<address>Текст</address>

Закрывающий тег

Обязателен.

Атрибуты

Для этого тега доступны универсальные атрибуты и события.

Пример 1

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Тег ADDRESS</title>
  </head>
 <body>
  <address>
   Этот партал зделан сабствинаручно веб-дизайнером Ваней Шапочкиным в праграме 
   Блакнот. Если вы хатите взять маи статьи к сибе на сайт то спрасите мое 
   разришение. 
  </address>
 </body>
</html>

Результат примера показан на рис. 1.

Рис. 1. Вид текста в контейнере <address>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE html>
 <html>
  <head>
   <meta charset="utf-8">
   <title>Тег ADDRESS</title>
  </head>
 <body>
  <footer>
   <address>Волоколамское шоссе, д. 17, офис 392</address>
  </footer>
 </body>
</html>

| Справочник HTML



Элемент <address> определяет информацию об авторе (адрес, телефон, e-mail, ссылка на сайт и др.) документа или статьи.

Используйте тег <address> в следующем контексте:

  • если <address> располагается внутри элемента <body>, то информация внутри <address> относится ко всему документу в целом;
  • если <address> располагается внутри элемента <article>, то информация внутри <address> относится к автору данной статьи.

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

Примечание: Как правило, элемент <address> включается наравне с другой информацией в элемент <footer>.

Синтаксис

<address>Текст</address>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны универсальные атрибуты и события.

Стилизация по умолчанию

По умолчанию текст внутри контейнера <address> отображается курсивным начертанием. Кроме этого, большинство браузеров добавляют перед элементом и после него разрыв строки.

Различия между HTML 4.01 и HTML5

В HTML 4.01 не поддерживается тег <article>, поэтому в HTML 4.01 тег <address> всегда определяет информцию об авторе всего данного документа.

Пример использования:

Элемент <address>

Пример HTML:

Попробуй сам
<address>
   Автор <a href="mailto:[email protected]">Иван Иванов</a>.<br>
   Посетите наш сайт:<br>
   Example.com<br>
   Теплогорск, ул.Строителей, 12<br>
</address>

Спецификации

Поддержка браузерами

Элемент
<address>1+1+5.12+1+1+1+
Элемент
<address>1+6+


Использование тега address в HTML 5.2

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

Недавно Стив Фолкнер сказал, что консорциум W3C изменил спецификацию HTML 5.2, чтобы отразить общую интерпретацию тега. Тем не менее, есть несколько вещей, которые нужно знать об этом теге для того, чтобы эффективно его использовать:

Эфирные адреса

Основное использование тега <address> выглядит следующим образом:

<address>
Центральный парк Уэст 15,
Нью-Йорк, NY 10023,
США
</address>

Тег <address> — это один из немногих случаев, помимо поэзии, когда в нем рекомендуется использовать тег <br> для форматирования, в большинстве других случаев, его следует избегать.

В то время как тег <address> делает текст более читаемым как для людей, так и для браузера, для Google не всегда будет понятно какой адрес вы используете: это физический адрес бизнеса, или же он описывает что-то еще? Какая часть адреса является информация об улицы, а какая часть это государство или регион?

В некоторых случаях, поисковая система может угадать правильную информацию с веб-страницы, но также рекомендуется сделать два дополнительных шага, чтобы уточнить эту информацию:

  1. Если речь идет о бизнесе с физическим адресом, зарегистрируйте его в Google Мой бизнес и Яндекс справочнике.
  2. Для предприятий и всех других мест, используйте комбинацию микроданных и ссылку номера телефона, добавив разметку:
<div vocab="http://schema.org/" typeof="LocalBusiness">
    <img property="image" src="https://zencod.ru/assets/cache_image/07-12-2016/metro-gas-2x_825x270_830.jpg"/>
    <span property="name">Моку Гавайи магазин для серфинга и досок для серфинга на прокат</span>
    <address property="address" typeof="PostalAddress">
        <span property="streetAddress">Ул. КоА 2446,</span>
        <span property="addressLocality">Гонолулу</span>, 
        <span property="addressRegion">HI</span>
        <span property="postalCode">96815</span>, 
        <span property="addressCountry">США</span>
    </address>
    <a href="tel:88005553535" property="telephone">8 800 555 35 35</a>
</div>

Добавление микроформата для еще большей совместимости также будет положительным.

Обратите внимание, что данные, введенные в Google Мой бизнес является каноническими, и не будут зависеть от разметки или изменения данных на вашем сайте. Это означает, что если взять оба варианта, вы должны помнить, что обновить информацию требуется во всех источниках.

Добавление разметки также делает презентации контента проще с помощью CSS без необходимости использования тегов <br>.

Заключение

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

Тег // Вебшкола онлайн



Пример

<address>
<a href=»mailto:[email protected]»>Отправить электронное письмо</a><br />
Адрес: А/я 564, Диснейленд<br />
Телефон: +12 34 56 78
</address>

Описание и использование

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

Этот элемент обычно размещают в элементе head или footer странички.

Браузерная поддержка


Тег <address> поддерживается всеми основными браузерами.


Отличия между HTML и XHTML

Нет


Совет

Во всех браузерах содержимое элемента address выводится курсивом. Большинство браузеров также добавляют пустую строку до и после этого элемента.


Стандартные атрибуты

Тег <address> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class название класса Указывает название класса для элемента STF
dir rtl
ltr
Указывает направление вывода текста для элемента STF
id id Указывает id для элемента STF
lang код_языка Указывает код языка содержимого элемента STF
style
описание_элемента
Указывает строчный стиль элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Указывает код языка содержимого элемента в XHTML документах STF

Дополнительная информация о стандартных атрибутах.


События

Тег <address> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, который должен быть выполнен при одинарном щелчке мышью STF
ondblclick скрипт Скрипт, который должен быть выполнен при двойном щелчке мышью STF
onmousedown скрипт Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши STF
onmousemove скрипт Скрипт, который должен быть выполнен при движении курсора мыши STF
onmouseout скрипт Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента STF
onmouseover скрипт Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом STF
onmouseup скрипт Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши STF
onkeydown скрипт Скрипт, который должен быть выполнен при нажатии клавиши пользователем STF
onkeypress скрипт Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем STF
onkeyup скрипт Скрипт, который должен быть выполнен при отпускании клавиши пользователем STF

Дополнительная информация о cобытиях HTML.

Непонятый многими. Тег address. — Xiper.net

Автор: Евгений Рыжков Дата публикации: 25.03.2010

Тег address относится к малоизведанным тегам, которые редко использует среднестатистический веб разработчик. А зря, не от нечего делать его же придумали. Давай разбираться зачем же этот тег увидел свет, да еще так давно — в 1995 году вместе со спецификацией HTML 2.0.

Неверное предположение

Можно предположить, что все просто и очевидно — address переводится с английского как адрес потому и следует его использовать для обозначения адресов на веб страницах. Но, если не гадать, заглянуть в спецификации, становится очевидным, что такое предположение ошибочно.

Рекомендации W3C о теге address

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

Из приведенного примера в спецификации можно сделать вывод какую именно информацию может содержать этот тег:

  • ФИО автора материала
  • его контактные данные: почтовые адреса, номера телефонов, адреса сайтов и email, icq и так далее
  • дата создания (последней модификации) материала

Примеры

В тему использование address для контактной информации автора статьи (вакансии, резюме, заметки и т.п.):


[..]

Мы рады быть полезны Вам.

<address> <span>Дополнительная информация и запись на консультации по телефонам:</span> <span>в Одессе: (80482) 32 44 38, (8048) 777-40-31</span> <span>Наш адрес:</span> <span>Одесса, ул. Большая Арнаутская 2а, офис 301</span> <span><a href="www.feod.com.ua">www.feod.com.ua</a></span> <span>Контактный e-mail:</span> <span><a href="mailto:[email protected]">[email protected]</a></span> <span>Елена Викторовна</span> </address>

address span {
display: block;
}

Если материалы, расположенные на сайте, принадлежат владельцам сайта, тогда контактную информацию расположенную в шапке (подвале или любом другом месте) тоже следует заключить в address:


<address>
	<span>
		(495) 785-46-03 (многоканальный), (495) 376-19-86
	</span>
	<span>
		109472, г. Москва, ул. Ташкентская, 28 
	</span>
	<span>
		<a href="mailto:[email protected]">[email protected]</a>
	</span>
</address>

На странице с контактной информацией тоже можно использовать address, т.к. тут предоставлены координаты и каналы связи с владельцем (автором) сайта.

Но не следует применять address для адресов, не связанных с авторством материала. Например, в каталогах компаний его применение будет ошибкой :

В подобных случаях правильным решением будет использование микроформата hCard. Материал по этой теме появится позже. Кому нужно сейчас, ниже приведена ссылка на спецификации этого микроформата.

Выводы

Address следует использовать только для обозначения контактной информации автора или владельца материала. В остальных случаях он будет не уместен.

Материалы

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *