Мне нужно разместить некоторые математические выражения на веб-странице, не используя латекс или mathML, просто HTML (не HTML5)
У меня есть выражение для силы другого выражения, например (A + B + SQRT (с)) ^ (2x + Ь)
Второе выражение должно быть справа от первого выражения немного меньше и выше него.
Звук достаточно прост, но я не могу понять, как это правильно.
Любая помощь - это стиль и макет, было бы здорово, спасибо.
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 для страниц, содержащих сложные математические выражения:
Пример выражения является пограничным случаем; математически правильнее было бы выглядеть, если бы квадратный корень был представлен с использованием символа квадратного корня с vinculum, а не только с √c, и попытка построить винкулум с использованием HTML и CSS довольно грязная, но в противном случае это может быть разумно обрабатывается с помощью HTML и CSS.
HTML определяет тег <sup> для надстрочного индекса. Например:
a<sup>x</sup>
из которых вы можете изменить поля и вертикальное выравнивание с помощью CSS.
Вы можете использовать элемент <sup> для отображения экспоненты в качестве верхнего индекса базы. В HTML будет:
(a+b+sqrt(c))<sup>(2x+b)</sup>
Лучшим подходом было бы использование CSS для достижения того же результата, для которого вы можете использовать span со свойством:
vertical-align:super;
Демонстрация можно увидеть здесь.
Символы Subscript и Superscript могут быть указаны с помощью и .
X23
Это дает X суффикс 2 и мощность 3. Это простой способ придать силу числу в html.