Тег <small>: примечание с сохранением читаемости
Small обозначает побочное замечание или мелкий сопроводительный текст. Его смысл не сводится к произвольному уменьшению размера шрифта на любом элементе.
Назначение
Small обозначает побочное замечание или мелкий сопроводительный текст. Его смысл не сводится к произвольному уменьшению размера шрифта на любом элементе.
Как это работает
Используйте small для короткого примечания, которое дополняет основной текст. Размер можно настроить CSS, сохраняя достаточную читаемость и контраст. Важное условие действия должно быть заметным независимо от выбранного тега.
Пример
<style>.note-small{font-size:.95rem;line-height:1.5;color:#425749}</style>
<p>Скачайте учебный пример в отдельную папку.</p>
<p><small class="note-small">Пример предназначен для знакомства с разметкой; серверный обработчик в него не входит.</small></p>Что должно получиться
Дополнительное замечание отделено от основной инструкции, но не превращено в почти невидимый текст. При увеличении масштаба оно остаётся обычным содержимым страницы.
Граница применения и частая ошибка
Не скрывайте критичные ограничения в мелком сером тексте. Для компактной кнопки или маленького заголовка обычно нужна настройка CSS, а не изменение семантики через small. Тег не отменяет требования к доступности информации.
Самостоятельная проверка
Сравните заметку на обычном и увеличенном масштабе, затем на узком окне. Попробуйте прочитать страницу без цветового оформления. Если примечание меняет решение пользователя, подумайте, не следует ли поднять его в основной текст.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.