Кратко
СкопированоТег <sub> позволяет выводить подстрочный текст, например, в химических формулах: H2O.
Пример
СкопированоЧаще всего <sub> используется для записи химических или математических формул.
<p> Вода — бинарное неорганическое соединение с химической формулой H<sub>2</sub>O.</p>
<p>
Вода — бинарное неорганическое
соединение с химической
формулой H<sub>2</sub>O.
</p>
Как пишется
СкопированоПомимо описанного выше примера, можно использовать тег <sub> внутри тега <var> для вывода индекса переменных, например, элементов массива или матрицы.
<p> Сумма массива может быть вычислена последовательным сложением всех его элементов:</p><p> sum := <var>X<sub>1</sub></var> + <var>X<sub>2</sub></var> + … + <var>X<sub>N</sub></var></p>
<p>
Сумма массива может быть
вычислена последовательным
сложением всех его элементов:
</p>
<p>
sum := <var>X<sub>1</sub></var> +
<var>X<sub>2</sub></var> + … +
<var>X<sub>N</sub></var>
</p>
var { font-style: normal;}
var {
font-style: normal;
}
Теги <sub> можно вкладывать друг в друга, тогда на каждом шаге текст будет спускаться ниже, а его размер будет уменьшаться.
<p> Первый уровень <sub>второй уровень <sub>третий уровень <sub>четвёртый уровень</sub> </sub> </sub></p>
<p>
Первый уровень
<sub>второй уровень
<sub>третий уровень
<sub>четвёртый уровень</sub>
</sub>
</sub>
</p>
Также <sub> можно комбинировать с тегом <sup> для построения сложных формул.
<p> <var> X <sup> 2 × log<sub>3</sub>(Z<sup>2</sup>) </sup> </var></p>
<p>
<var>
X
<sup>
2 × log<sub>3</sub>(Z<sup>2</sup>)
</sup>
</var>
</p>
Доступность
СкопированоУ <sub> есть встроенная роль subscript. Скринридеры пока не сообщают об этой роли и не выделяют содержимое тега интонацией, но это добавляет семантический вес и приносит потенциальную пользу для доступности.