HTML-тег <small>

HTML-тег <small> используется для отображения текста шрифтом меньшего размера, чем окружающий текст. Обычно он используется для отказов от ответственности, юридических текстов или аннотаций. Хотя он визуально уменьшает размер шрифта, тег <small> также добавляет семантическое значение, указывая на меньшую важность или вспомогательную информацию.

По умолчанию браузеры оформляют тег <small> с помощью шрифта меньшего размера относительно его родительского элемента.

Базовый синтаксис HTML-тега <small>

Базовая структура тега <small> следующая: 

<small>Smaller Text</small>

Прилагаемый текст отображается уменьшенным шрифтом.

Пример использования тега <small>

Вот пример, в котором тег <small> используется для добавления отказа от ответственности: 

<!DOCTYPE html>
<html>
    <body>
        <h2>Product Description</h2>
        <p>This product is available for a limited time only. <small>Terms and conditions apply.</small></p>
    </body>
</html>
Пример использования тега small

Пояснение: Фраза «Действуют положения и условия» выделена шрифтом меньшего размера, чтобы подчеркнуть ее вспомогательный характер.

Стилизация тега <small> с помощью CSS

Вы можете настроить внешний вид текста, заключенного в тег <small> с помощью CSS: 

<!DOCTYPE html>
<html>
    <head>
        <style>
            small {
                font-size: 0.8em;
                color: gray;
                font-style: italic;
            }
        </style>
    </head>
    <body>
        <h2>Disclaimer</h2>
        <p>All prices are subject to change without notice. <small>Please contact support for details.</small></p>
    </body>
</html>
Оформление тега small с помощью CSS

Результат: текст внутри тега <small> оформлен шрифтом меньшего размера, серым цветом и курсивом для лучшей выразительности.

Атрибуты HTML-тега <small>

  • Глобальные атрибуты: Тег <small> поддерживает все глобальные атрибуты, такие как id , class и style .
  • Атрибуты событий: вы можете прикрепить обработчики событий, такие как onclick , onmouseover и т. д.

Эти атрибуты обеспечивают дальнейшую настройку и интерактивность тега <small> .

Практическое применение тега <small>

  • Юридический текст: добавьте отказ от ответственности, условия или уведомления об авторских правах более мелким шрифтом.
  • Аннотации: Предоставьте дополнительные пояснения или ссылки визуально отчетливо.
  • Вторичная информация: отображайте менее важные сведения, такие как сноски или метаданные, шрифтом меньшего размера.
  • Динамические интерфейсы: используйте тег <small> в пользовательских интерфейсах, чтобы ослабить акцент на дополнительном тексте.

Тег <small> — полезный семантический элемент для представления вторичной или вспомогательной информации в понятном и доступном виде.