<sub>: Элемент нижнего индекса

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

Этот элемент включает только глобальные атрибуты.

Элемент <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₂0, количество атомов данного элемента в описываемой молекуле обозначается числом с нижним индексом; в случае воды нижний индекс «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>

Результат

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