<sub>

Выводит подстрочный текст.

Время чтения: меньше 5 мин

Кратко

Скопировано

Тег <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. Скринридеры пока не сообщают об этой роли и не выделяют содержимое тега интонацией, но это добавляет семантический вес и приносит потенциальную пользу для доступности.