Атрибут hidden тега <big>
Описание
Атрибут hidden для тега <big> технически может скрывать элемент, но это двойная анти-паттерн практика, поскольку:
- Тег
<big>полностью устарел и удален из HTML5 - Скрытие чисто стилевого элемента нарушает принципы семантической верстки
Некорректный пример (строго не рекомендуется):
<big hidden>Скрытый устаревший текст</big>
Проблемы использования:
| Проблема | Современное решение |
|---|---|
| Невалидный HTML5 | Использовать семантические теги + CSS |
| Бессмысленное скрытие | Применять hidden к содержательным элементам |
| Нарушение доступности | Использовать aria-hidden или CSS-скрытие |
Правильная альтернатива:
<div class="notification" hidden>
<p class="large-text">Современный скрытый текст</p>
</div>
<style>
.large-text {
font-size: 1.2rem;
color: #333;
}
</style>
Критические рекомендации:
- Полностью исключите
<big>из вашего кода - Для скрытия используйте семантические контейнеры
- Размер текста задавайте через
rem/em - Для временного скрытия предпочитайте CSS (
display: none)
Важно: Валидатор W3C будет выдавать ошибку при любом использовании <big>, даже с атрибутом hidden.
Пример правильного скрытия:
<div class="temp-hidden" aria-hidden="true">
<p class="enhanced-text">Временно скрытый контент</p>
</div>
<style>
.enhanced-text {
font-size: 1.1em;
line-height: 1.5;
}
.temp-hidden {
display: none; /* Альтернатива: visibility: hidden */
}
</style>
Этапы миграции:
- Найти все
<big hidden>в коде - Заменить на семантические теги (
<div>,<p>) - Перенести стили в CSS-классы
- Выбрать подходящий метод скрытия
- Проверить доступность и валидность