- Address тег в html
- Синтаксис¶
- Атрибуты¶
- Спецификации¶
- Описание и примеры¶
- : The Contact Address element
- Try it
- Attributes
- Usage notes
- Examples
- Result
- Technical summary
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- Address тег в html
- Кратко
- Пример
- Как понять
- Подсказки
- На практике
- Денис Ежков советует
- Address тег в html
- Синтаксис
- Атрибуты
- Пример
- Спецификация
- Браузеры
- Синтаксис
- Пример
- Результат
- Пример
- Результат
- Как добавить стиль к тегу ?
- Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :
- Цвет текста внутри тега :
- Стили форматирования текста для тега :
- Другие свойства для тега :
Address тег в html
Тег (от англ. address — адрес) предназначен для хранения контактной информации автора (адрес, телефон, e-mail, ссылка на сайт и др.) и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т. д. Планируется, что поисковые системы будут анализировать содержимое этого элемента для сбора информации об авторах.
не должен использоваться для разметки почтовых адресов в целом, только для контактной информации.
Используйте в следующем контексте:
- если располагается внутри , то информация внутри относится ко всему документу в целом;
- если располагается внутри , то информация внутри относится к автору статьи.
По умолчанию текст внутри контейнера отображается курсивным начертанием.
Синтаксис¶
Закрывающий тег обязателен.
Атрибуты¶
Для этого элемента доступны универсальные атрибуты.
Спецификации¶
Описание и примеры¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14
html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>addresstitle> head> body> address>Этот сайт сделал Бондаренко Юрийaddress> body> html>
: The Contact Address element
The HTML element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
Try it
The contact information provided by an element’s contents can take whatever form is appropriate for the context, and may include any type of contact information that is needed, such as a physical address, URL, email address, phone number, social media handle, geographic coordinates, and so forth. The element should include the name of the person, people, or organization to which the contact information refers.
can be used in a variety of contexts, such as providing a business’s contact information in the page header, or indicating the author of an article by including an element within the .
Attributes
This element only includes the global attributes.
Usage notes
Examples
This example demonstrates the use of to demarcate the contact information for an article’s author.
address> You can contact author at a href="http://www.somedomain.com/contact"> www.somedomain.coma>.br /> If you see any bugs, please a href="mailto:webmaster@somedomain.com"> contact webmastera>.br /> You may also want to visit us:br /> Mozilla Foundationbr /> 331 E Evelyn Avebr /> Mountain View, CA 94041br /> USA address>
Result
Technical summary
Content categories | Flow content, palpable content. |
---|---|
Permitted content | Flow content, but with no nested element, no heading content ( , h1, h2, h3, h4, h5, h6), no sectioning content ( , , , ), and no or element. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parents | Any element that accepts flow content, but always excluding elements (according to the logical principle of symmetry, if tag, as a parent, can not have nested element, then the same content can not have tag as its parent). |
Implicit ARIA role | No corresponding role |
Permitted ARIA roles | Any |
DOM interface | HTMLElement Prior to Gecko 2.0 (Firefox 4), Gecko implemented this element using the HTMLSpanElement interface |
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Apr 13, 2023 by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Address тег в html
Выделите контактные данные на странице. Так поисковым роботам будет удобнее.
Время чтения: меньше 5 мин
Обновлено 13 сентября 2021
Кратко
Скопировать ссылку «Кратко» Скопировано
Тегом размечается контактная информация о человеке, людях или организации.
Пример
Скопировать ссылку «Пример» Скопировано
С автором статьи можно связаться:
По эл. почте: article@auth.or По телефону: +7(777)888-99-00p>С автором статьи можно связаться:p> address> По эл. почте: a href="mailto:article@auth.or">article@auth.ora>br> По телефону: a href="tel:+77778889900">+7(777)888-99-00a> address>
Как понять
Скопировать ссылку «Как понять» Скопировано
На странице может присутствовать контактная информация разного рода: почтовые адреса, адреса электронной почты, номера телефона, ссылки на соцсети, географические координаты, адреса URL и так далее. Такую информацию мы размечаем тегом . Желательно также, чтобы помимо этой информации присутствовало имя человека (или людей), либо название организации. В общем, этот тег может использоваться в совершенно разных случаях: от представления контактной информации о компании в шапке сайта до прямого указания на автора статьи внутри тега .
Подсказки
Скопировать ссылку «Подсказки» Скопировано
💡 По умолчанию содержимое тега выделяется на вёрстке курсивом.
💡 Есть ряд ограничений на содержимое тега :
- Нельзя вкладывать теги друг в друга.
- Нельзя вкладывать в параграф с текстом, это не фразовый элемент.
- Внутри нельзя использовать заголовки, секционные теги ( , , , ), а также теги и .
На практике
Скопировать ссылку «На практике» Скопировано
Денис Ежков советует
Скопировать ссылку «Денис Ежков советует» Скопировано
🛠 В реальных проектах этим тегом чаще всего размечают блок со ссылками на соцсети в подвале сайта, телефоны в шапке, контактную информацию в подвале и на отдельной странице. Если у вас блог, куда пишут разные авторы, то круто, если этим тегом вы будете размечать имена или контактную информацию авторов статей.
Address тег в html
Элемент (от англ. address — адрес) предназначен для хранения контактной информации автора (адрес, телефон, e-mail, ссылка на сайт и др.) и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т. д. Планируется, что поисковые системы будут анализировать содержимое этого элемента для сбора информации об авторах.
не должен использоваться для разметки почтовых адресов в целом, только для контактной информации.
Используйте в следующем контексте:
По умолчанию текст внутри контейнера отображается курсивным начертанием.
Синтаксис
Атрибуты
Пример
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
HTML тег
Тег используется для выделения контактной информации владельца сайта либо автора статьи. В качестве контактной информации для обратной связи может быть указан адрес, телефон, e-mail, ссылка на сайт и т.д.
Синтаксис
Тег
парный, его содержание пишется между открывающим и закрывающимтегами . Большинство браузеров добавляют перед элементом и после него разрыв строки, а информацию в теге отображают курсивным начертанием.
Если тег расположен внутри элемента , то содержащаяся в нем контактная информация относится ко всему документу в целом. Для указания контактной информации автора статьи необходимо поместить тег в элемент .
Пример
html> html> head> title>Заголовок окна веб-страницы title> head> body> address> Автор: Команда W3docsbr /> a href="mailto:[email protected]">Связаться с автором a> address> body> html>
Результат
Тег
не используется для предоставления почтового адреса, если только он не является частью информации об авторе.Пример
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">Заголовок / Меню div> div class="main-content"> h1>Основной контент h1> p>Это какой-то параграф p> div> footer style="display:flex; justify-content:space-between; align-items:flex-end;"> p style="margin:0;">Компания © W3docs. Все права защищены. p> address> 3-я улица, квартира 43br /> Нью-Йорк, США address> footer> body> html>
Результат
Атрибуты тега
Как добавить стиль к тегу ?
Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :
- CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
- CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
- CSS свойство font-size задает размер щрифта.
- CSS свойство font-weight устанавливает насыщенность шрифта.
- CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
- CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
Цвет текста внутри тега :
Стили форматирования текста для тега :
- CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
- CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
- CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
- CSS свойство word-break указывает перенос строки.
Другие свойства для тега :
- CSS свойство text-shadow добавляет тень к тексту.
- CSS свойство text-align-last выравнивает последнюю строку текста.
- CSS свойство line-height устанавливает межстрочный интервал.
- CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
- CSS свойство word-spacing устанавливает расстояние между словами в тексте.