Атрибут hidden тега <sub>
Описание
Атрибут hidden скрывает элемент <sub> и его содержимое от отображения в браузере. Это глобальный атрибут HTML, который можно использовать с любым элементом.
<p>
Формула: H<sub hidden>2</sub>O (вода)
</p>
Особенности работы:
- Полностью удаляет элемент из визуального отображения
- Эквивалентен CSS-свойству
display: none - Элемент не занимает место в потоке документа
- Скрывает содержимое от screen readers
Сравнение с CSS скрытием:
| Характеристика | Атрибут hidden | CSS display: none |
|---|---|---|
| Синтаксис | HTML-атрибут | CSS-свойство |
| Доступность | Полностью скрыт | Требуется aria-hidden для полного скрытия |
| Приоритет | Можно переопределить CSS | Высокий приоритет |
Практическое применение:
<p>
Уравнение: x<sub>1</sub> + x<sub hidden>2</sub> = 10
</p>
Рекомендации:
- Используйте для временного скрытия элементов
- Для семантического скрытия предпочтительнее
hidden - Сочетайте с JavaScript для динамического управления видимостью
- Для постоянного скрытия используйте CSS
Ограничения:
- Не поддерживает анимации перехода
- Менее гибкий, чем CSS-решения
- Нельзя стилизовать скрытое состояние
Пример правильного использования:
<p>
Формула: E<sub hidden aria-hidden="true">mc</sub><sup>2</sup>
</p>
Альтернативы для специальных случаев:
<style>
/* Для скрытия с сохранением доступности */
.hidden-sub {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
</style>
<p>
C<sub class="hidden-sub">12</sub>H<sub>22</sub>O<sub>11</sub>
</p>
Примечание: Для сложных научных документов с условным отображением формул рассмотрите использование специализированных библиотек.