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

Описание

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

Пример использования:
<ruby> 漢 <rp>(</rp><rt hidden>Kan</rt><rp>)</rp> </ruby>

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

Состояние Описание Как задать
Скрыто Элемент не отображается <rt hidden> или <rt hidden="hidden">
Видимо Элемент отображается (по умолчанию) <rt> (без атрибута)

Разница с CSS display: none

  • hidden — семантический атрибут, указывает, что элемент не должен быть виден
  • display: none — CSS-свойство, просто скрывает элемент визуально
  • Элементы с hidden не участвуют в рендеринге, как и при display: none

Пример с CSS переопределением:

<style> rt[hidden] { display: block !important; /* Переопределяем hidden */ color: red; font-size: 0.8em; } </style> <ruby> 漢 <rp>(</rp><rt hidden>Этот текст будет красным, несмотря на hidden</rt><rp>)</rp> </ruby>

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

  • Используйте для временного скрытия элементов без удаления из DOM
  • Не применяйте для важного контента — скрытые элементы недоступны для пользователей
  • Для сложных сценариев скрытия/показа лучше использовать CSS или JavaScript
  • Помните, что скрытый контент всё равно индексируется поисковыми системами

Ограничения и совместимость:

  • Поддерживается во всех современных браузерах
  • В IE10 и ниже требует полифила или CSS-эмуляции
  • Не влияет на доступность (скрытые элементы остаются в DOM)

Примечание: Атрибут hidden особенно полезен для временного скрытия аннотаций ruby-текста, которые могут понадобиться только в определённых состояниях интерфейса. Для постоянного скрытия контента от всех пользователей (включая screen readers) лучше использовать aria-hidden="true".