Тег sub: Тег | htmlbook.ru

Leave a Comment / Разное / By /

Теги 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. 01Рекомендация

✖

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры: Настольные Мобильные    

?

Internet ExplorerChromeOperaSafariFirefox
213.511

AndroidFirefox MobileOpera MobileSafari Mobile
1161

✖

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Строчные элементы. | Текст.

— HTML — Дока

  1. Кратко
  2. Пример
  3. Как пишется

Кратко

Секция статьи «Кратко»

Тег <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 для просмотра данных.
  • HTML-элемент
    , создающий верхний индекс. Обратите внимание, что вы не можете использовать sup и sub одновременно: вам нужно использовать MathML для создания надстрочного индекса непосредственно над нижним индексом рядом с химическим символом элемента, представляющим его атомный номер и его ядерный номер.
  • Элементы , и MathML.
  • Свойство CSS вертикального выравнивания .

Последнее изменение: , участниками MDN

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом , с синтаксисом и примерами.

Описание

HTML Тег определяет текст нижнего индекса в документе HTML. Например, в химической формуле CO 2 число 2 отображается как нижний индекс, который имеет меньший шрифт и появляется с заниженной базовой линией. Этот тег также часто называют элементом .

Синтаксис

В HTML синтаксис тега :

 
  
Люди выделяют CO2 при выдохе.

Пример вывода

Атрибуты

К тегу применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега .

Примечание

  • HTML-элемент находится внутри тега
    .
  • Тег используется для соблюдения типографских стандартов или соглашений.
  • Тег обычно используется для указания химических формул, таких как CO 2 , для разметки номеров сносок, таких как Footnote 1 , и для представления переменных в математических формулах, таких как x n .

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

Тег имеет базовую поддержку со следующими браузерами:

  • Chrome
  • Андроид
  • Firefox (Геккон)
  • Firefox Mobile (Геккон)
  • Internet Explorer (IE)
  • Пограничный мобильный
  • Опера
  • Опера Мобайл
  • Сафари (веб-кит)
  • Сафари Мобильный

Пример

Мы обсудим тег ниже, исследуя примеры использования тега в HTML5, HTML 4.

01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

  • HTML5
  • HTML4
  • XHTML

Документ HTML5

Если вы создали новую веб-страницу в HTML5, ваш тег может выглядеть следующим образом:

 

<голова>
<мета-кодировка="UTF-8">
Пример HTML5 от www.techonthenet.com

<тело>
 
Заголовок 1
 

Химическая формула аммиака: NH3.

В этом примере документа HTML5 мы определили химическую формулу для NH 3 с помощью тега . Это отображает число 3 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст.

HTML 4.01 Transitional Document

Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег может выглядеть следующим образом:

 
 
 w3.org/TR/html4/loose.dtd">

<голова>

Переходный пример HTML 4.01 от www.techonthenet.com

<тело>
 
Заголовок 1
 

Химическая формула воды: H2O.

В этом примере переходного документа HTML 4.01 мы определили химическую формулу для H 2 O с помощью тега . Это отображает число 2 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст.

Документ XHTML 1.0 Transitional

Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег может выглядеть следующим образом:

 

<голова>

Переходный пример XHMTL 1.0 от www.techonthenet.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fsd.multiurok.ru/html/2018/11/23/s_5bf85061417a6/img17.jpg' /><noscript><img loading='lazy' src='/800/600/http/fsd.multiurok.ru/html/2018/11/23/s_5bf85061417a6/img17.jpg' /></noscript> com

<тело>
 
Заголовок 1
 

Химическая формула латекса: C5H8.

В этом примере переходного документа XHTML 1.0 мы определили химическую формулу для C 5 H 8 с использованием тега . Это отображает числа 5 и 8 в формуле как меньший текст, который на половину символа по высоте ниже, чем другой текст.

XHTML 1.0 Strict Document

Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег может выглядеть следующим образом:

 

<голова>

Строгий пример XHTML 1.0 от www.techonthenet.com

<тело>
 
Заголовок 1
 

Химическая формула аммиака: NH3.

В этом примере XHTML 1.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *