Теги <sub> и <sup>: нижние и верхние индексы
Элементы sub и sup обозначают нижние и верхние индексы, когда положение является частью смысла записи.
Назначение
Элементы sub и sup обозначают нижние и верхние индексы, когда положение является частью смысла записи.
Как это работает
Они подходят для простых формул и традиционных обозначений. Браузер обычно уменьшает шрифт и смещает текст, но конкретная типографика зависит от стилей и метрик шрифта.
Пример
<p>Формула воды: H<sub>2</sub>O.</p>
<p>Площадь квадрата: <var>a</var><sup>2</sup>, то есть сторона, умноженная сама на себя.</p>Что должно получиться
Двойка в формуле расположена снизу, показатель степени — сверху. Видимое пояснение помогает понять выражение, даже если индекс воспринимается не так, как в печатном образце.
Граница применения и частая ошибка
Не используйте sup только для поднятого декоративного значка. Сложное математическое выражение из множества индексов лучше представить подходящим математическим форматом и текстовым пояснением.
Самостоятельная проверка
Запишите простую химическую формулу и квадрат величины. Проверьте, что окружающие строки не перекрываются после увеличения текста, а смысл объяснён словами.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.