Атрибут hidden тега <strike>
Описание
Атрибут hidden скрывает элемент <strike> и его содержимое от отображения в браузере. Это глобальный атрибут HTML, который можно использовать с любым элементом.
Важно: Тег
Пример использования:
<strike> считается устаревшим в HTML5. Для скрытия перечеркнутого текста лучше использовать <del> или <s> с атрибутом hidden.
<p>
Видимый текст <strike hidden>Скрытый перечеркнутый текст</strike>
</p>
Особенности работы:
- Скрывает элемент и все его содержимое
- Эквивалентен CSS-свойству
display: none - Элемент не занимает место в потоке документа
- Не поддерживает значений - присутствие атрибута означает "true"
Сравнение с CSS display:none:
| Характеристика | hidden | display: none |
|---|---|---|
| Синтаксис | HTML-атрибут | CSS-свойство |
| Приоритет | Можно переопределить CSS | Имеет более высокий приоритет |
| Доступность | Скрывает от screen readers | Требуется aria-hidden для полного скрытия |
Рекомендации:
- Используйте для временного скрытия элементов
- Для семантического обозначения удаленного текста применяйте
<del> - Сочетайте с JavaScript для динамического управления видимостью
- Для постоянного скрытия лучше использовать CSS
Ограничения:
- Тег
<strike>устарел в HTML5 - Не поддерживает анимации перехода
- Менее гибкий, чем CSS-решения
Примечание: Для сложных сценариев управления видимостью рассмотрите использование CSS-классов в сочетании с JavaScript.