MathML - Подстрочные и надстрочные элементы

Здравствуйте,future coding wizards! Сегодня мы отправимся в увлекательное путешествие в мир MathML, уделяя особое внимание элементам Подстрочные и Надстрочные. Не волнуйтесь, если вы никогда не писали ни строчки кода — я буду вашим доброжелательным проводником в этом математическом приключении!

Что такое Подстрочные и Надстрочные элементы?

Прежде чем мы углубимся в детали, давайте поймем, с чем мы имеем дело. Представьте, что вы пишете сложное математическое уравнение на бумаге. Иногда вам нужно что-то написать ниже или выше символа, верно? Ну, в цифровом мире MathML мы используем Подстрочные и Надстрочные элементы для достижения того же эффекта.

• Подстрочный: Этот элемент放置内容在基线的下方
• Надстрочный: Этот элемент放置内容在基线的上方

Представьте это как mathematical sandwich — база является основным ингредиентом, а под/надстрочные элементы — это вкусные добавки, которые делают его особенным!

Синтаксис

Теперь давайте посмотрим, как мы пишем это в MathML. Не волнуйтесь, это проще, чем кажется!

Синтаксис Подстрочного элемента

<munder>
<base> <!-- Основной символ или выражение -->
<underscript> <!-- Что идет под базой -->
</munder>

Синтаксис Надстрочного элемента

<mover>
<base> <!-- Основной символ или выражение -->
<overscript> <!-- Что идет над базой -->
</mover>

Синтаксис Combined Подстрочного и Надстрочного элемента

<munderover>
<base> <!-- Основной символ или выражение -->
<underscript> <!-- Что идет под базой -->
<overscript> <!-- Что идет над базой -->
</munderover>

Параметры

Параметры для этих элементов просты:

1. base: Это основной символ или выражение.
2. underscript: Содержимое, которое appears_below базу.
3. overscript: Содержимое, которое appears_above базу.

Атрибуты

Хотя эти элементы работают非常好 самостоятельно, мы можем добавить немного extra flavor с помощью атрибутов. Вот самые распространенные из них:

Атрибут	Описание	Возможные значения
accentunder	Указывает, является ли подстрочный элемент акцентом	true, false
accent	Указывает, является ли надстрочный элемент акцентом	true, false
align	Горизонтальное выравнивание подстрочного/надстрочного элемента	left, center, right

Примеры

Давайте погрузимся в несколько примеров, чтобы увидеть, как они работают на практике!

Пример 1: Основной Подстрочный элемент

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munder>
<mi>x</mi>
<mn>2</mn>
</munder>
</math>

Этот пример отобразит 'x' с '2' в качестве подстрочного индекса под ним. Это похоже на написание x₂ в обычной математической записи.

Пример 2: Основной Надстрочный элемент

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mover>
<mi>x</mi>
<mo>̂</mo>
</mover>
</math>

Этот пример отобразит 'x' с циркумflex (^) над ним,类似 mathematical notation x̂.

Пример 3: Combined Подстрочный и Надстрочный элемент

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munderover>
<mo>∑</mo>
<mrow>
<mi>i</mi>
<mo>=</mo>
<mn>1</mn>
</mrow>
<mi>n</mi>
</munderover>
<msup>
<mi>x</mi>
<mi>i</mi>
</msup>
</math>

Этот пример создает символ summation (∑) с 'i=1' под ним и 'n' над ним, followed_by x^i. Это похоже на mathematical expression для sum_of x^i от i=1 до n.

Пример 4: Использование атрибутов

<math xmlns="http://www.w3.org/1998/Math/MathML">
<munder accentunder="true">
<mi>x</mi>
<mo>˜</mo>
</munder>
</math>

Этот пример ставит тильду (~) под 'x' и treat_ee как акцент, что может повлиять на его положение.

Вывод

Результат вывода этих элементов MathML будет зависеть от браузера или приложения, которые их отрисовывают. Большинство современных веб-браузеров поддерживают MathML до определенной степени, но точный вид может несколько отличаться.

Например, пример combined подстрочного и надстрочного элемента (Пример 3) обычно отрисовывается в виде большого summation symbol с 'i=1' под ним, 'n' над ним и 'x^i' справа.

Помните, практика makes perfect! Попробуйте поиграть с этими элементами, combine их и смотрите, какие mathematical wonders вы можете создать. Before you know it, вы будете писать сложные уравнения, которые сделали бы Эйнштейна гордым!

И вот и все,朋友们! Вы только что сделали свои первые шаги в мир MathML Подстрочных и Надстрочных элементов. Это может показаться немного пугающим сначала, но trust me, с небольшой практикой, вы будете manipulate mathematical expressions как профессионал. Continue experimenting и не бойтесь ошибаться — так мы учимся!

Счастливого кодирования, и пускай math будет с вами!

Credits: Image by storyset