<sub>
- 25 января 2023
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023