^{: Элемент верхнего индекса}

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

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

Элемент <sup> должен использоваться только по типографическим причинам — то есть, для изменения положения текста в соответствии с типографическими соглашениями или стандартами, а не только для целей презентации или внешнего вида.

Например, для стилизации логотипа компании или продукта, использующего поднятую базовую линию, следует использовать CSS (вероятно, vertical-align), а не <sup>. Это делается, например, с помощью vertical-align: super или, чтобы сдвинуть базовую линию вверх на 50%, vertical-align: 50%.

Подходящие случаи использования <sup> включают (но не ограничиваются):

• Отображение показателей, таких как «x³». Возможно, стоит рассмотреть использование MathML для этих случаев, особенно в более сложных ситуациях. См. Показатели в разделе Примеры ниже.
• Отображение верхних символов, которые используются в некоторых языках при отображении определённых сокращений. Например, во французском языке слово «mademoiselle» может быть сокращено как «M^lle»; это приемлемый случай использования. См. Верхние символы для примеров.
• Представление порядковых числительных, таких как «4^th» вместо «четвёртый». См. Порядковые числительные для примеров.

Показатели, или степени числа, являются одними из наиболее распространённых случаев использования текста с верхним индексом. Например:

<p>
  One of the most common equations in all of physics is <var>E</var>=<var>m</var
  ><var>c</var><sup>2</sup>.
</p>

Результат

Верхние символы технически не являются тем же самым, что и верхние индексы. Однако, часто для представления верхних символов в HTML используется <sup>. Среди наиболее распространённых применений верхних символов – представление определённых сокращений во французском языке:

<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>

Результат

Порядковые числительные, такие как «четвёртый» по-английски или «quinto» по-испански, могут быть сокращены с использованием цифр и текста, отображаемого с верхним индексом на определённом языке:

<p>
  The ordinal number "fifth" can be abbreviated in various languages as follows:
</p>
<ul>
  <li>English: 5<sup>th</sup></li>
  <li>French: 5<sup>ème</sup></li>
</ul>

Результат

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