HTML тег <sup>
Элемент <sup> (от англ. «superscript» ‒ «надстрочный, верхний индекс») определяет вложенный в него текст в верхнем индексе.
Текст в верхнем индексе отображается уменьшенным размером и располагается выше, чем базовая линия остальных символов строки. Базовая линия — это линия, которая проходит по нижнему или верхнему краю символов.
Такой текст на практике может быть использован, например для написания различных формул или сносок. Сноска — это ссылка на дополнительные пояснения к тексту, например WWW [1] .
Синтаксис
Закрывающий тег
Атрибуты
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <sup> со следующими значениями CSS по умолчанию:
Верхний и нижний индекс
Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз. В зависимости от положительного или отрицательного значения смещения, индекс называется, соответственно, верхним или нижним. Они активно применяются в математике, физике, химии и для обозначения единиц измерения. HTML предлагает два элемента для создания индекса: <sup> (от англ. superscript) — верхний индекс и <sub> (от англ. subscript) — нижний индекс. Текст, помещённый в один из этих контейнеров, обозначается меньшим размером, чем базовый текст, и смещается относительно него вверх или вниз. В примере 1 приведено совместное использование указанных элементов и стилей для изменения вида текста.
Пример 1. Создание верхнего и нижнего индекса
В примере одновременно встречается как нижний, так и верхний индекс. Для изменения начертания шрифта индекса применяются стили, которые задают единое оформление (рис. 1).
Рис. 1. Вид индексов после применения стилей
Можно вообще отказаться от использования <sup> и <sub> в пользу стилей. Аналогом этих элементов служит свойство vertical-align , заставляющее текст смещаться по вертикали на заданное расстояние. В частности, в примере 2 в качестве значения применяется 0.8em для верхнего индекса и -0.5em для нижнего. Em — это относительная единица, равная размеру текущего шрифта. Например, 0.5em говорит о том, что текст надо сдвинуть на половину размера шрифта.
Пример 2. Использование стилей для управления индексами
В примере сама формула выводится увеличенным размером, символы верхнего индекса устанавливаются красным цветом, а нижние — синим (рис. 2).
Рис. 2. Управление положением и видом нижнего и верхнего индекса
Использование элемента <span> делает код громоздким, поэтому лучше переопределить стили <sub> и <sup> , в частности, задать положение индекса, цвет и курсивное начертание.
<sup>: The Superscript element
The <sup> HTML element specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text.
Try it
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Usage notes
The <sup> element should only be used for typographical reasons—that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for presentation or appearance purposes.
For example, to style the wordmark of a business or product which uses a raised baseline should be done using CSS (most likely vertical-align ) rather than <sup> . This would be done using, for example, vertical-align: super or, to shift the baseline up 50%, vertical-align: 50% .
Appropriate use cases for <sup> include (but aren’t necessarily limited to):
- Displaying exponents, such as «x 3 .» It may be worth considering the use of MathML for these, especially in more complex cases. See Exponents under Examples below.
- Displaying superior lettering, which is used in some languages when rendering certain abbreviations. For example, in French, the word «mademoiselle» can be abbreviated «M lle «); this is an acceptable use case. See Superior lettering for examples.
- Representing ordinal numbers, such as «4 th » instead of «fourth.» See Ordinal numbers for examples.
Examples
Exponents
Exponents, or powers of a number, are among the most common uses of superscripted text. For example:
The resulting output looks like this:
Superior lettering
Superior lettering is not technically the same thing as superscript. However, it is common to use <sup> to present superior lettering in HTML. Among the most common uses of superior lettering is the presentation of certain abbreviations in French:
The resulting output:
Ordinal numbers
Ordinal numbers, such as «fourth» in English or «quinto» in Spanish may be abbreviated using numerals and language-specific text rendered in superscript:
Степень числа html – Тег | htmlbook.ru
Отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Синтаксис
Закрывающий тег
Атрибуты
Для этого тега доступны универсальные атрибуты и события.
Аналог CSS
Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью тега <sup>
Статьи по теме
Статьи по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
| HTML | WebReference
Элемент <sup> (от англ. superscript — верхний индекс) отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Закрывающий тег
Пример
Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью <sup>
Спецификация ?
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 10.10.2018
Редакторы: Влад Мержевич
Теги и // Вебшкола онлайн
Пример
<p>Этот текст содержит <sub>подстрочный</sub> текст.</p>
<p>Этот текст содержит <sup>надстрочный</sup> текст.</p>
Описание и использование
Тег <sub> используется для вставки подстрочного текста. Подстрочный текст может быть использован для вставки химических формул :H2O.
Тег <sup> используется для вставки надстрочного текста. Надстрочный текст может быть использован для вставки степени числа: x 2 +y 2 =z 2 .
Браузерная поддержка
Теги <sub> и <sup>поддерживаются всеми основными браузерами.
Отличия между HTML и XHTML
Стандартные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
Теги <sub> и <sup> поддерживают следующие стандартные атрибуты:
Дополнительная информация о стандартных атрибутах.
События
Теги <sub> и <sup> поддерживают следующие атрибуты событий:
Дополнительная информация о cобытиях HTML.
Функция POW (POWER) — степень числа
Функция POW возводит число в заданную степень.
См. также функцию SQRT, которая извлекает корень из числа.
Синтаксис
Примеры
Первый пример будет по этой таблице numbers:
| id айди | number число |
|---|---|
| 1 | 2 |
| 2 | 3 |
| 3 | 4 |
Пример
В данном примере содержимое поля number возводится во вторую степень:
SQL запрос выберет следующие строки:
| id айди | number число | pow степень числа |
|---|---|---|
| 1 | 2 | 4 |
| 2 | 3 | 9 |
| 3 | 4 | 16 |
Меняем таблицу для примеров
Остальные примеры будут по этой таблице numbers:
| id айди | number1 число1 | number2 число2 |
|---|---|---|
| 1 | 2 | 4 |
| 2 | 3 | 3 |
| 3 | 5 | 2 |
Пример
В данном примере содержимое поля number1 возводится в содержимое поля number2:
SQL запрос выберет следующие строки:
Пример
Давайте выберем только те записи, в которых степень первого числа больше или равна 20-ти (это будут 2-я и 3-я записи):
SQL запрос выберет следующие строки:
| id айди | number1 число1 | number2 число2 |
|---|---|---|
| 2 | 3 | 3 |
| 3 | 5 | 2 |
Степень числа
Представим себе такую историю…
– И что это за число-то такое? – не мог понять Саша.
– Что случилось? – поинтересовался у друга Паша.
– Недавно я услышал, что человек состоит из клеток. И вот мне стало интересно, что это за клетки такие и сколько их в нашем теле.
– Это на самом деле интересно! – воскликнул Паша. – Расскажешь, что ты уже узнал?
– Все мы состоим из крошечных клеток, – начал Саша. – Это такие маленькие кирпичики, из которых построено всё наше тело. Они настолько мелкие, что увидеть их можно лишь в микроскоп.
Клетки обладают всеми признаками живого. Они способны размножаться, расти, обмениваться веществами и энергией с окружающей средой, реагировать на изменения, происходящие в этой среде.
– А сколько клеток в нашем теле? – спросил Паша.
– В энциклопедии я прочитал, что клеток в нашем теле вот такое число , – расстроенно сказал Саша. – Но вот только я не понимаю, что это за число такое…10…а 14 к чему? И почему 14 такое маленькое?
– Давай спросим у Электроши, – предложил Паша. – Он точно всё знает.
– Ребята, прежде чем я вам расскажу о подобных числах, давайте немного разомнёмся и выполним устные задания, – предложил Электроша.
– Давайте сверимся! Посмотрите, что у вас должно было получиться!
– А теперь вернёмся к вашему вопросу, – продолжил Электроша. – Как вы знаете, сумму нескольких равных слагаемых удобно записывать с помощью произведения. Вот, например, 10 + 10 + 10 + 10 + 10 записывают короче: .
Для произведения, в котором все множители равны, математики тоже придумали способ, с помощью которого такое произведение можно записать короче. Вот вы не могли расшифровать число, обозначающее количество клеток в теле человека. А эта запись обозначает произведение.
– Произведение? – удивились мальчишки.
– Да! Произведение! А точнее говоря, эта запись означает, что нужно .
– То есть получается, что в теле человека клеток? – посчитали мальчишки.
– Получается так! – улыбнулся Электроша. – Кстати, такой способ записи произведения одинаковых множителей придумали давным-давно. Ещё в Древнем Египте учёные обратили внимание на то, что когда нужно выполнить умножение какого-либо числа на себя много раз, то на это тратится огромное количество ненужных усилий. Более того, такая операция ещё и вела к значительным финансовым затратам. Согласно действовавшим тогда установкам на оформление любых записей, каждое действие с числом должно было подробно описываться.
Самый простейший папирус тогда стоил весьма внушительную сумму денег. Вот умным египтянам и пришлось искать выход из сложившейся ситуации. Конечно, впоследствии ещё не один математик внёс усовершенствование в данный способ написания подобного произведения.
– Понятно! Такая запись обозначает произведение. Правильно? – спросили ребята.
– Не просто произведение, а произведение нескольких одинаковых множителей. –––––– Запомните! Выражение называют степенью и читают «десять в пятой степени» или «пятая степень числа десять».
Обратите внимание: в записи степени участвуют два числа. Число, которое возводится в степень, называют основанием степени. В нашем случае это число 10. Другое число называют показателем степени. В нашем случае это 14. Число 14 показывает, сколько множителей, каждый из которых равен десяти, содержит произведение. Само же действие называют возведением в степень.
– Давайте попробуем прочитать следующие выражения: , , , , , , – предложил Электроша.
– В первой строчке записаны «пять в четвёртой степени», «семь в пятой степени» и «одиннадцать в седьмой степени», – начал Паша.
– Во второй строчке – «восьмая степень числа два», «двенадцатая степень числа девять» и «десятая степень числа шесть», – продолжил Саша.
– Запомните! – сказал Электроша. – Степенью числа a с натуральным показателем , большим единицы называется произведение эн одинаковых множителей, каждый из которых равен числу a.
В общем виде степень с основанием a и показателем записывают так: .
Читают такую запись: «а в степени эн» или «эн-ая степень числа а».
– Электроша, вот ты в определении говоришь, что натуральный показатель больший единицы, – решили уточнить ребята. – А что, показатель степени не может быть равным единице?
– Может, – ответил Электроша, – но это один из особых случаев степени. Давайте порассуждаем. Если показатель степени равен единице, то что это значит?
– Это значит, что основание степени надо взять множителем один раз, – ответили мальчишки.
– Хорошо! Но как это представить? Взяли основание, а второго множителя нет. Так получается?
– Ну да, – задумались мальчишки.
– Поскольку в математике не принято рассматривать произведение, состоящее из одного множителя, то договорились, что , – продолжил Электроша. Вообще первая степень любого числа равна этому числу. Например, , а .
– Электроша, ты сказал, что показатель степени равный единице – это один из особых случаев. А какие ещё есть особые случаи? – спросили ребята.
– Запомните! – начал Электроша. – Любое число в нулевой степени равно единице.
Ноль в любой натуральной степени равен нулю. А вот выражение ноль в нулевой степени считают не имеющим смысла.
Единица в любой степени равна единице.
– А теперь прочитайте вот такие выражения: , , – предложил Электроша.
– В первом случае записано «три во второй степени», – начал Паша.
– А во втором – «два в третьей степени», – продолжил Саша.
– Молодцы! – похвалил ребят Электроша. – Но часто в жизни вы можете услышать и другие, особые названия второй и третьей степени числа. Вторую степень числа чаще называют квадратом числа. Третью степень числа называют кубом числа. Тогда наше первое выражение можно ещё прочитать как «три в квадрате». А второе можно прочитать как «два в кубе».
На экране вы видите таблицу квадратов и кубов первых десяти натуральных чисел. Запомнив эту таблицу, вы сильно облегчите себе жизнь в будущем. Ведь в жизни довольно часто нам приходится вычислять квадраты и кубы чисел.
– А теперь давайте найдём значение следующего выражения: – предложил Электроша.
– Электроша, а как выполнять вычисления, когда в выражениях есть степень? – задумались ребята. – Раньше у нас всё было просто: выполняли действия в скобках, потом умножение и деление, если они присутствовали в выражениях, а потом сложение и вычитание.
– Возведение числа в степень – это пятое арифметическое действие, – начал Электроша. Запомните! В выражениях со степенями, не содержащими скобки, сначала выполняют возведение в степень, затем умножение и деление, а в конце сложение и вычитание.
Если в выражении есть скобки, то сначала в указанном выше порядке выполняют действия в скобках, а потом оставшиеся действия в том же порядке слева направо.
– Теперь понятно! – обрадовались мальчишки. – В нашем выражении есть скобки. Значит, первым выполним действие в скобках. У нас вычитание. 15 – 7 = 8. Затем выполним действия со степенями. 8 2 = 64. А 2 3 = 8. Осталось выполнить деление. 64 : 8 = 8.
– А теперь, ребята, давайте посмотрим, как вы всё поняли, и выполним несколько заданий.
Задание первое: возведите в степень:
Решение: первое выражение девять в четвёртой степени. Нужно . Получим 6561.
Следующее выражение два в шестой степени. Нужно . Получим 64.
И последнее выражение двенадцать в квадрате. Мы должны . Получим 144.
Следующее задание: в каждый из овалов впишите значение выражения при значении буквы , указанном в соответствующем уголке фигуры.
Решение: первое число 0. Подставим его в выражение . Мы помним, что ноль в любой степени равен нулю. Тогда 0 + 0 = 0.
Следующее число 2. Подставим его в наше выражение. Получим 2 3 + 2 2 . Два в кубе – это 8, а два в квадрате – это 4. Тогда 8 + 4 = 12.
Третье число 4. Подставим его в выражение. 4 3 = 64. 4 2 = 16. Имеем 64 + 16. Получаем 80.
Следующее число 10. 10 3 = 1000. 10 2 = 100. 1000 + 100 = 1100.
Перейдём к следующему числу. 6 3 = 216. 6 2 = 36. 216 + 36 = 252.
Следующее число 5. Подставим его в выражение. Посчитаем. Получим 150.
Перейдём к следующему числу. Подставим его в выражение. Посчитаем. Получим 36.
И последнее число 1. Подставим его в наше выражение. Мы знаем, что единица в любой степени равна единице. Тогда получаем 1 + 1 = 2.
Степень натурального числа, калькулятор | Формулы с примерами
Что такое степень натурального числа?
Степенью числа a с показателем n, называется произведение n сомножителей, каждый из которых равен a:
Калькулятор степени натурального числа
5 4 = 5 • 5 • 5 • 5 = 625;
7 6 = 7 • 7 • 7 • 7 • 7 • 7 = 117 649.
Таблица степеней натуральных чисел от 2 до 25
! Наведите на ячейку, для того, чтобы увеличить значение в таблице.