Теги HTML — Тег
Описание
Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Синтаксис
<sub>Текст</sub>
Закрывающий тег
Обязателен.
Атрибуты
Для этого тега доступны универсальные атрибуты и события.
Аналог CSS
vertical-align
Пример. Использование тега <sub>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег SUB</title> </head> <body> <p>Под действием гидроксиламина альдегиды превращаются в оксимы: СН<sub>3</sub>СНО + NH<sub>2</sub>OH = CH<sub>3</sub>C(=NOH)H + H<sub>2</sub>O</p> </body> </html>
Спецификация ?
| Спецификация | Статус |
|---|---|
| WHATWG HTML Living Standard | Живой стандарт |
| HTML4. | Рекомендация |
✖
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные
?| Internet Explorer | Chrome | Opera | Safari | Firefox |
| 2 | 1 | 3.5 | 1 | 1 |
| Android | Firefox Mobile | Opera Mobile | Safari Mobile |
| 1 | 1 | 6 | 1 |
✖
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Строчные элементы. | Текст.
— HTML — Дока
- Кратко
- Пример
- Как пишется
Кратко
Секция статьи «Кратко»Тег <sub> позволяет выводить подстрочный текст, например, в химических формулах: H2O.
Пример
Секция статьи «Пример»Чаще всего <sub> используется для записи химических или математических формул.
<p> Вода — бинарное неорганическое соединение с химической формулой H<sub>2</sub>O.</p>
<p>
Вода — бинарное неорганическое
соединение с химической
формулой H<sub>2</sub>O.
</p>
Открыть демо в новой вкладке Как пишется
Секция статьи «Как пишется»Помимо описанного выше примера, можно использовать тег <sub> внутри тега <var> для вывода индекса переменных, например, элементов массива или матрицы.
<p> Сумма массива может быть вычислена последовательным сложением всех его элементов:<br> sum := <var>X<sub>1</sub></var> + <var>X<sub>2</sub></var> + ... + <var>X<sub>N</sub></var></p>
<p>
Сумма массива может быть
вычислена последовательным
сложением всех его элементов:<br>
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>
Открыть демо в новой вкладке Если вы нашли ошибку, отправьте нам пул-реквест!
Во время отправки формы что-то пошло не так.
Попробуйте ещё раз?
←
<data>
alt + ←
→
<sup>
alt + →
: Элемент Subscript — HTML: Язык гипертекстовой разметки
HTML-элемент задает встроенный текст, который должен отображаться как нижний индекс исключительно по типографским причинам. Подстрочные индексы обычно отображаются с пониженной базовой линией, используя меньший текст.
Этот элемент включает только глобальные атрибуты.
Элемент следует использовать только по типографским причинам, т. е. для изменения положения текста в соответствии с типографскими соглашениями или стандартами, а не исключительно для представления или внешнего вида.
Например, использование для оформления названия компании, которая использует измененные базовые линии в своем словесном товарном знаке, было бы неуместным; вместо этого следует использовать CSS.
Например, вы можете использовать свойство vertical-align с объявлением вроде vertical-align: sub или, чтобы более точно управлять сдвигом базовой линии, vertical-align: -25% .
Надлежащие варианты использования включают (но не обязательно ограничиваются):
- Разметка номеров сносок. Пример см. в разделе Номера сносок.
- Разметка нижнего индекса числами математических переменных (хотя вы также можете использовать для этого формулу MathML). См. Индексы переменных.
- Обозначая количество атомов данного элемента в химической формуле (например, лучший друг каждого разработчика, C 8 ЧАС 10 Н 4 О 2 , иначе известный как «кофеин»). См. Химические формулы.
Номера сносок
Традиционные сноски обозначаются цифрами, которые отображаются в нижнем индексе. Это обычный вариант использования :
Согласно расчетам Накамуры, Джонсона и Мэйсона1, это приведет к полной аннигиляции обеих частиц.
Результирующий вывод выглядит следующим образом:
Нижние индексы переменных
В математике семейства переменных, связанных с одним и тем же понятием (например, расстояния вдоль одной и той же оси), представляются с использованием одного и того же имени переменной с индексом, следующим за ним. Например:
<р> Положения горизонтальных координат вдоль оси X представлены как x1 … xn.
Полученный результат:
Химические формулы
При написании химической формулы, такой как H 2 0, количество атомов данного элемента в описываемой молекуле представляется с использованием нижнего индекса; в случае воды индекс «2» указывает на то, что в молекуле два атома водорода.
Другой пример:
Любимая молекула почти каждого разработчика C8H10N4O2, общеизвестный как «кофеин».
Вывод:
| Категории контента |
Потоковое содержание,
фразовое содержание, ощутимое содержание. |
|---|---|
| Разрешенный контент | Фразы контента. |
| Отсутствие тега | Нет, начальный и конечный теги обязательны. |
| Разрешенные родители | Любой элемент, принимающий фразовое содержание. |
| Неявная роль ARIA | Нет соответствующей роли |
| Разрешенные роли ARIA | Любой |
| Интерфейс DOM | HTMLЭлемент |
| Спецификация |
|---|
| HTML Standard . Включите JavaScript для просмотра данных.
Последнее изменение: , участниками MDN HTML: тегВ этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами. ОписаниеHTML Тег определяет текст нижнего индекса в документе HTML. Например, в химической формуле CO 2 число 2 отображается как нижний индекс, который имеет меньший шрифт и появляется с заниженной базовой линией. Этот тег также часто называют элементом . СинтаксисВ HTML синтаксис тега :
Пример выводаАтрибуты К тегу применяются только глобальные атрибуты. Примечание
Совместимость с браузерамиТег имеет базовую поддержку со следующими браузерами:
Пример Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.
Документ HTML5Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом: <голова> <мета-кодировка="UTF-8"> В этом примере документа HTML5 мы определили химическую формулу для NH 3 с помощью тега . Это отображает число 3 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст. HTML 4.01 Transitional DocumentЕсли вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:
В этом примере переходного документа HTML 4.01 мы определили химическую формулу для H 2 O с помощью тега . Это отображает число 2 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст. Документ XHTML 1.0 TransitionalЕсли вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом: <голова> В этом примере переходного документа XHTML 1.0 мы определили химическую формулу для C 5 H 8 с использованием тега . Это отображает числа 5 и 8 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст. XHTML 1.0 Strict DocumentЕсли вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть следующим образом: <голова> В этом примере XHTML 1. |
Нет атрибутов, специфичных для тега . 
01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1. 