| HTML | WebReference
Элемент <sup> (от англ. superscript — верхний индекс) отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.
Закрывающий тег
Пример
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>SUP</title>
</head>
<body>
<p><b>Великая теорема Ферма</b></p>
<p><i>X <sup><small>n</small></sup> + Y <sup><small>n</small></sup>
= Z <sup><small>n</small></sup></i></p>
<p>где n - целое число > 2</p>
</body>
</html>
Результат данного примера показан ниже.
Рис. 1. Вид текста, оформленного с помощью <sup>
Спецификация ?
Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
×Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
×Автор и редакторы
Автор: Влад Мержевич
Последнее изменение: 10.10.2018
Редакторы: Влад Мержевич
Теги sub и sup, нижний и верхний индексы — Разметка текста — HTML Academy
HTML<!DOCTYPE html> <html lang=»ru»> <head> <meta charset=»utf-8″> <title>Сайт начинающего верстальщика</title> <link rel=»stylesheet» href=»style.css»> </head> <body> <header> <p>Блог</p> <nav> На главную </nav> </header> <main> <article> <h2>День восьмой. Очень серьёзный</h2> <p>Что я узнал! В программе тренинга Кекса для начинающих котят появился новый мастер-класс — «Как не провалиться под снег». А мне поручили сверстать небольшой методический материал.</p> <p>Давление на поверхность рассчитывается по такой формуле: p = m * g / S.</p> <!— Выполняйте первую задачу в следующем абзаце —> <p>Дано: p1 = 1635Па</p> <!— Выполняйте вторую задачу в следующем абзаце —> <p>Вычисляем: p2 = m2 * g / S = 9кг * 9.81Н / 0.03м2 = 2942Па</p> <p>где:<br> p1 — давление лапки на снег до новогодних каникул,<br> p2 — давление лапки после праздников,<br> m2 — масса кота после праздников,<br> S — площадь снежной поверхности,<br> g — ускорение свободного падения.</p> <p>Максимальное давление, которое выдерживает первый наст — 2000 Па.</p> <p>Трудно быть котом.</p> </article> <aside> Тут могла быть ваша реклама </aside> </main> <footer> Подвал сайта </footer> </body> </html>
body { padding: 0 30px; font-size: 14px; line-height: 22px; font-family: «Georgia», serif; color: #222222; } h2 { font-size: 20px; line-height: normal; } nav { color: #888888; } aside { margin: 20px 0; color: #c4c4c4; }
Теги и // Вебшкола онлайн
Пример
<p>Этот текст содержит <sub>подстрочный</sub> текст.</p>
<p>Этот текст содержит <sup>надстрочный</sup> текст.</p>
Описание и использование
Тег <sub> используется для вставки подстрочного текста. Подстрочный текст может быть использован для вставки химических формул :H
Тег <sup> используется для вставки надстрочного текста. Надстрочный текст может быть использован для вставки степени числа: x2+y2=z2.
Браузерная поддержка
Теги <sub> и <sup>поддерживаются всеми основными браузерами.
Отличия между HTML и XHTML
Нет
Стандартные атрибуты
DTD показывает в какой версии DTD использование атрибута разрешено. S=Strict, T=Transitional и F=Frameset.
Теги <sub> и <sup> поддерживают следующие стандартные атрибуты:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
class | название класса | Указывает название класса для элемента | STF |
dir | rtl ltr |
Указывает направление вывода текста для элемента | STF |
id | id | Указывает id для элемента | STF |
lang | код_языка | Указывает код языка содержимого элемента | STF |
style | описание_элемента | Указывает строчный стиль элемента | STF |
title | текст | Указывает дополнительную информацию об элементе | STF |
xml:lang | код_языка | Указывает код языка содержимого элемента в XHTML документах | STF |
Дополнительная информация о стандартных атрибутах.
События
Теги <sub> и <sup> поддерживают следующие атрибуты событий:
Атрибут | Значение | Описание | DTD |
---|---|---|---|
onclick | скрипт | Скрипт, который должен быть выполнен при одинарном щелчке мышью | STF |
ondblclick | скрипт | Скрипт, который должен быть выполнен при двойном щелчке мышью | STF |
onmousedown | скрипт | Скрипт, который должен быть выполнен, если пользователь зажал кнопку мыши | STF |
onmousemove | скрипт | Скрипт, который должен быть выполнен при движении курсора мыши | STF |
onmouseout | скрипт | Скрипт, который должен быть выполнен, если пользователь передвинул курсор мыши за пределы элемента | STF |
onmouseover | скрипт | Скрипт, который должен быть выполнен, когда пользователь двигает курсор мыши над элементом | STF |
onmouseup | скрипт | Скрипт, который должен быть выполнен, когда пользователь отпускает кнопку мыши | STF |
onkeydown | скрипт | Скрипт, который должен быть выполнен при нажатии клавиши пользователем | STF |
onkeypress | скрипт | Скрипт, который должен быть выполнен при нажатии и отпускании клавиши пользователем | STF |
onkeyup | скрипт | Скрипт, который должен быть выполнен при отпускании клавиши пользователем | STF |
Дополнительная информация о cобытиях HTML.
| Справочник HTML
Элемент <sup> (от англ. «superscript» ‒ «надстрочный, верхний индекс») определяет вложенный в него текст в верхнем индексе.
Текст в верхнем индексе отображается уменьшенным размером и располагается выше, чем базовая линия остальных символов строки. Базовая линия — это линия, которая проходит по нижнему или верхнему краю символов.
Такой текст на практике может быть использован, например для написания различных формул или сносок. Сноска — это ссылка на дополнительные пояснения к тексту, например WWW [1].
Синтаксис
<sup>Текст</sup>
Закрывающий тег
Обязателен.
Атрибуты
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <sup> со следующими значениями CSS по умолчанию:
sup {
vertical-align: super;
font-size: smaller;
}
Различия между HTML 4.01 и HTML5
Нет.
Пример использования:
Выпадающий список с четырьмя вариантами выбора:
Пример HTML:
Попробуй сам<p>Полная энергия физического объекта:</p>
<p><var>E</var>=<var>m</var><var>c</var><sup>2</sup>, где E — энергия объекта, m — его масса, c — скорость света в вакууме.</p>
Спецификации
Поддержка браузерами
Элемент | ||||||
<sup> | 2+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
Элемент | ||||
<sup> | 1+ | 1+ | 6+ | 1+ |
Попробуйте сами — Примеры
Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст
Как сделать акцент на фрагменте текста:
Акцент и курсив
Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста
Учебник HTML
HTML уроки: HTML Форматирование
HTML Элементы
Строчные элементы | htmlbook.ru
Строчными называются такие элементы веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. В основном они используются для изменения вида текста или его логического выделения.
<a>
Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь.
<b>
Определяет жирное начертание шрифта.
<big>
Тег <big> увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <big> увеличивает текст на одну условную единицу.
<br>
Тег <br> устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега параграфа <p>, использование тега <br> не добавляет пустой отступ перед строкой.
<em>
Тег <em> предназначен для акцентирования текста. Браузеры отображают такой текст курсивным начертанием.
<i>
Устанавливает курсивное начертание шрифта.
<img>
Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border=»0″ в тег <img>.
<small>
Тег <small> уменьшает размер шрифта на единицу по сравнению с обычным текстом. По своему действию похож на тег <big>, но действует с точностью до наоборот.
<span>
Универсальный тег, предназначенный для определения строчного элемента внутри документа.
<strong>
Тег <strong> предназначен для акцентирования текста. Браузеры отображают такой текст жирным начертанием.
<sub>
Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера — H2O.
<sup>
Отображает шрифт в виде верхнего индекса. По своему действию похож на <sub>, но текст отображается выше базовой линии текста — м2.
Разница между блочными и строчными элементами следующая.
- Строчные элементы могут содержать только данные или другие строчные элементы, а в блочные допустимо вкладывать другие блочные элементы, строчные элементы, а также данные. Иными словами, строчные элементы никак не могут хранить блочные элементы.
- Блочные элементы всегда начинаются с новой строки, а строчные таким способом не акцентируются.
- Блочные элементы занимают всю доступную ширину, например, окна браузера, а ширина строчных элементов равна их содержимому плюс значения отступов, полей и границ.