Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

А также:

Как в html сделать степень

Как поставить степень числа в html документе? - Другие языки и технологии

Форма входа

Поиск по вопросам

Статистика

Онлайн всего: 173

Гостей: 173

Жителей: 0

Главная » Вопросы » Программирование » Другие языки и технологии

Как поставить степень числа в html документе?

Порядок вывода комментариев: По умолчанию Сначала новые Сначала старые

0 Люсси 13.03.2018 оставил(а) комментарий:

Используйте эти символы 1 ⁱ ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ

0 Тамми 13.03.2018 оставил(а) комментарий:

В HTML для этого есть теги (как степень) и (как индекс).

0 Ален_Делон 13.03.2018 оставил(а) комментарий:

Для этого в языке HTML (HyperText Markup Language - «язык разметки гипертекста») предусмотрена соответствующая команда (тег) - sup. Число, обозначающее степень, надо поместить между открывающим () и закрывающим () тегами. Например, фрагмент HTML-кода с записью числа 5297 в седьмой степени, в исходном коде документа будет выглядеть так:52977Противоположный (нижний) индекс в языке разметки гипертекста получается помещением цифр и букв между открывающим и закрывающим тегами sub - 7

Стили для верхнего и нижнего индекса в CSS

Наверное, почти все знают про теги SUP и SUB. Довольно подробное описание можно найти в статье английской википедии.

Основная проблема в стандартной реализации отображения этих тегов — изменение высоты строки за счёт того, что текст в этих тегах выравнивается свойством CSS vertical-align. Это изменение варьируется от браузера к браузеру, но, кроме того, везде различаются как размеры шрифта для таких элементов, так и сами отступы. Об этой проблеме многие знают и, чаще всего, предлагают два решения: уменьшение высоты строки этих элементов, и их относительное позиционирования.

Для себя я решил это делать так:

SUP, SUB { vertical-align: baseline; position: relative; font-size: .7em; line-height: 1; } SUP { bottom: 1.4ex; } SUB { top: .5ex; }

Как видно из кода, я «обнулил» вертикальное вырванивание, воспользовался относительным позиционированием, а также уменьшил высоту строки. Кроме того, можно обратить внимание на величины отступов: я их задал в ex, т.к. по логике и по имеющимся описаниям (например, в уже упомянутой статье английской википедии) этот отступ должен быть основан именно на этой относительной единице, основанной на высоте шрифты, нежели на ширине. Вообще, это достаточно общее определение, в идеале можно использовать различные классы для цифровых значений в индексах, для случаев когда есть только прописные или только строчные буквы и пр. Однако, это уже требует вмешательств в разметку, и к CSS уже не имеет отношения.

Примеры как исправленных тегов, так и не исправленных

Стоит упомянуть, что в некоторых случаях всё-таки может иметь смысл задавать отступ для индексов, увеличивающий высоту строки, скажем, когда у нас есть большая вложенность индексов или ешё что-то, за счёт чего они могут попасть на другие строки. Правда, чаще всего про это можно забыть.