Атрибут hidden тега <acronym>
Описание
Атрибут hidden позволяет скрыть элемент <acronym> от отображения на странице. Скрытый акроним остается в DOM, но не виден пользователю.
Синтаксис:
<acronym hidden title="...">Акроним</acronym>
Особенности работы:
| Характеристика | Поведение |
|---|---|
| Видимость | Полностью скрывает элемент (аналог display: none) |
| Доступность | Удаляется из accessibility tree |
| Место в DOM | Остается в структуре документа |
Примеры использования:
1. Условное отображение:<acronym id="tech-term" hidden title="Random Access Memory">RAM</acronym>
<p>
В компьютерной архитектуре важную роль играет
<acronym hidden title="Central Processing Unit">CPU</acronym>
процессор.
</p>
Рекомендации:
- Используйте для временного скрытия терминов
- Не применяйте для важного контента (влияет на SEO)
- Для постоянного скрытия лучше удалять элемент из DOM
- Сочетайте с
aria-hidden="true"для гарантированного скрытия
Ограничения:
- Не поддерживается в IE10 и ниже
- Скрытый контент может индексироваться поисковиками
- Не подходит для скрытия конфиденциальной информации
Альтернативы:
<!-- CSS-альтернатива -->
<acronym class="visually-hidden" title="...">...</acronym>
<style>
.visually-hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}
</style>