Атрибут hidden тега <address>

Описание

Атрибут hidden указывает, что элемент <address> должен быть скрыт от просмотра. Скрытый элемент не отображается на странице, но остается доступным в DOM.

Скрытый адрес:
<address hidden> Этот адрес скрыт<br> ул. Невидимая, 99<br> Москва, Россия </address>
Переключение видимости через JavaScript:
<address id="toggle-address"> Адрес, который можно скрыть/показать<br> пр. Программистов, 42<br> Санкт-Петербург, Россия </address> <button onclick="document.getElementById('toggle-address').toggleAttribute('hidden')"> Переключить видимость </button>

Особенности работы:

Характеристика Поведение
Видимость Полностью скрывает элемент (аналог display: none)
Доступность Удаляется из accessibility tree
Место в потоке Не занимает место в верстке
Наследование Скрывает весь элемент <address> со всем содержимым
DOM доступность Элемент остается в DOM-дереве
Спецификация HTML Living Standard

Рекомендации по использованию:

  • Используйте для временного скрытия элементов без удаления из DOM
  • Не применяйте для чувствительной информации - она остается в исходном коде
  • Для скрытия с сохранением места используйте visibility: hidden
  • Для сложных скрытий/показов предпочтительнее классы с CSS
  • Учитывайте, что содержимое не будет доступно для скринридеров
  • Используйте в сочетании с ARIA-атрибутами при динамическом управлении

Атрибут hidden полезен для временного скрытия контактной информации без удаления её из документа. В отличие от CSS-свойства display: none, работает на уровне HTML и не требует переопределения в CSS.