Что делает тег

Тег <small> уменьшает размер шрифта на одну условную единицу в сравнении с окружающим текстом.

Синтаксис тега <small>

<p>Это <small>мелкий</small> текст.</p>

Спецификация HTML

Тег <small> является частью спецификации HTML Living Standard.

Семантический или нет

Тег <small> не считается семантическим, так как не придаёт никакого конкретного значения содержимому.

Примеры использования

Уменьшение размера текста внутри параграфа:

<p>Это <small>мелкий</small> текст.</p>

Уменьшение размера текста в заголовке:

<h1>Заголовок <small>меньшего размера</small></h1>

Использование тега <small> для указания авторства и даты:

<p><small>Написано Джоном Смитом, 10 февраля 2023 года</small></p>

Создание примечания с использованием тега <small>:

<p>Текст статьи. <small>Примечание: дополнительная информация</small></p>

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

<p>© 2023 Jane Doe. <small>Все права защищены.</small></p>

Использование тега <small> для отображения копирайта внизу страницы:

<footer>
  <p> © 2023 Jane Doe. <small>Все права защищены.</small></p>
</footer>

Использование тега <small> для указания размера шрифта в стилях:

<p style="font-size: small;">Мелкий текст</p>

Для чего использовать тег <small>

  • Уменьшить размер текста внутри параграфа.
  • Уменьшить размер текста в заголовке.
  • Создать примечание.
  • Показать текст с авторскими правами.
  • Показать копирайт внизу страницы.

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

У тега <small> нет специфических атрибутов.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

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

Нюансы

  • Тег <small> можно использовать для отдельных слов или фраз, которые не так важны, как остальной текст, или для привлечения внимания к более важным частям предложения.
  • Тег <small> не должен использоваться для уменьшения размера шрифта всего блока текста — для этого есть CSS.

Поддержка браузерами

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

Альтернативные теги

Тег <small> можно заменить на CSS свойство font-size для изменения размера текста.

Чем заменить тег

Для изменения размера текста можно использовать CSS-свойство font-size.

Актуальность

Тег <small> актуален, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023