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

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

<sub>Текст подзаголовка</sub>

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

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

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

Тег <sub> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.

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

Отображение химических формул:

<p>Химическая формула воды - H<sub>2</sub>O.</p>

Отображение математических выражений:

<p>Квадратное уравнение имеет вид ax<sup>2</sup> + bx + c = 0.</p>

Сноски:

<p>Это некоторый текст со сноской <a href="#footnote1"><sup>[1]</sup></a>.</p>
<ol>
  <li id="footnote1">>Это текст сноски.</li>
</ol>

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

  • для отображения подстрочных символов у математических выражений;
  • для отображения подстрочного текста у химических формул;
  • используйте тег в сочетании с тегами <sup> и <a>для создания сносок;
  • для отображения текста подстрочных знаков в обычном тексте;
  • для создания подстрочного текста в полях формы;
  • для создания символов товарного знака в подстрочном тексте.

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

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

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

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

Ограничения

Тег <sub> следует использовать только для отображения текста в стиле subscript. Он не должен использоваться для форматирования или изменения размера текста.

Нюансы

Если тег <sub> используется для отображения слишком большого объёма текста, это может ухудшить читаемость текста. Лучше всего использовать тег <sub> для коротких фрагментов текста.

Кроме того, при использовании тега <sub> для сносок важно убедиться, что текст сноски легко найти и прочитать. Этого можно достичь, обеспечив чёткие и ясные ссылки на сноски и убедившись, что текст сносок хорошо отформатирован и легко читается.

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

Тег поддерживается всеми современными браузерами.

Актуальная информация — на сaniuse.

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

Тег <sup>используется для отображения надстрочного текста.

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

Прямой замены тегу <sub> не существует.

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

Тег <sub> не является устаревшим.


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

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


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

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

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

<div>

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

  • 25 января 2023

<dl>

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

  • 25 января 2023

<option>

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

  • 25 января 2023

<ul>

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

  • 25 января 2023

<video>

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

  • 25 января 2023

<datalist>

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

  • 25 января 2023

<caption>

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

  • 25 января 2023