<sub> элемент HTML для подстрочного текста

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

Попробуйте

<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
  "caffeine."
</p>

p {
  font:
    1rem "Fira Sans",
    sans-serif;
}

Атрибуты

Этот элемент поддерживает только глобальные атрибуты.

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

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

Например, использовать <sub> для оформления названия компании, в словесном знаке которой используются изменённые базовые линии, не следует; вместо этого нужно использовать CSS. Например, можно применить свойство vertical-align с объявлением вида vertical-align: sub или, чтобы точнее управлять смещением базовой линии, использовать vertical-align: -25%.

К подходящим случаям использования <sub> относятся (но не ограничиваются ими):

• Разметка номеров сносок. Пример см. в разделе Номера сносок.
• Разметка подстрочных индексов в обозначениях математических переменных (для этого также можно использовать формулу MathML). См. раздел Подстрочные индексы переменных.
• Обозначение числа атомов данного элемента в химической формуле (например, лучшего друга каждого разработчика — C₈H₁₀N₄O₂, также известного как «кофеин»). См. раздел Химические формулы.

Примеры

Номера сносок

В традиционных сносках используются числа, отображаемые в виде подстрочных индексов. Это распространённый пример использования <sub>:

<p>
  According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
  will result in the complete annihilation of both particles.
</p>

Результат

Подстрочные индексы переменных

В математике семейства переменных, связанных с одним понятием (например, расстояния вдоль одной оси), обозначаются одинаковым именем переменной с последующим подстрочным индексом. Например:

<p>
  The horizontal coordinates' positions along the X-axis are represented as
  <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var>.
</p>

Результат

Химические формулы

При записи химической формулы, например H₂O, число атомов данного элемента в молекуле обозначается числом в виде подстрочного индекса; в случае воды подстрочная «2» указывает на то, что в молекуле два атома водорода.

Ещё один пример:

<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, which is commonly known
  as "caffeine."
</p>

Результат

Техническая сводка

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

Совместимость с браузерами

См. также

• Элемент HTML <sup>, который создаёт надстрочный индекс. Обратите внимание: нельзя одновременно использовать sup и sub: чтобы разместить надстрочный индекс непосредственно над подстрочным рядом с символом химического элемента, обозначая его атомный и массовый номера, необходимо использовать MathML.
• Элементы MathML <msub>, <msup> и <msubsup>.
• Свойство CSS vertical-align.