Номер макета HTML/CSS к силе выражения (a ^ x)

Ответ 1

HTML довольно ограничен, когда дело доходит до математических выражений. В принципе, спецификации HTML предполагают, что вы используете элемент sup для верхних индексов, поэтому пример выражения будет

(<i>a</i> + <i>b</i> + √<i>c</i>)<sup>2<i>x</i> + <i>b</i></sup>

Однако реализации sup в браузерах противоречивы и, как правило, плохие (что приводит, например, к неравномерному межстрочному интервалу), поэтому прагматически лучше использовать вместо этого элемент span с классом:

(<i>a</i> + <i>b</i> + √<i>c</i>)<span class=sup>2<i>x</i> + <i>b</i></span>

с кодом CSS вроде

.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}

Некоторые причины объясняются на моей странице Математика в HTML (и CSS). Также рассмотрите библиотеки на основе JavaScript для страниц, содержащих сложные математические выражения:

• Katex
• MathJax
• jqMath

Пример выражения является пограничным случаем; математически правильнее было бы выглядеть, если бы квадратный корень был представлен с использованием символа квадратного корня с vinculum, а не только с √c, и попытка построить винкулум с использованием HTML и CSS довольно грязная, но в противном случае это может быть разумно обрабатывается с помощью HTML и CSS.

Ответ 2

HTML определяет тег <sup> для надстрочного индекса. Например:

a<sup>x</sup>

из которых вы можете изменить поля и вертикальное выравнивание с помощью CSS.

Ответ 3

Вы можете использовать элемент <sup> для отображения экспоненты в качестве верхнего индекса базы. В HTML будет:

(a+b+sqrt(c))<sup>(2x+b)</sup>

Лучшим подходом было бы использование CSS для достижения того же результата, для которого вы можете использовать span со свойством:

vertical-align:super;

Демонстрация можно увидеть здесь.

Ответ 4

Символы Subscript и Superscript могут быть указаны с помощью _{и ^.}

X23

Это дает X суффикс 2 и мощность 3. Это простой способ придать силу числу в html.