MathML - 下标和上标
你好，有抱负的数学家们和未来的编程巫师们！今天，我们将踏上一段激动人心的旅程，探索MathML的世界，特别是关注下标和上标元素。如果你之前从未编写过一行代码，也不用担心——我将作为你这次数学冒险中的友好向导！
下标和上标是什么？
在我们深入细节之前，先来了解一下我们要处理的内容。想象你在纸上写一个复杂的数学方程。有时候，你需要把一些东西放在符号的下面或上面，对吧？在MathML的数字世界中，我们使用下标和上标来实现同样的效果。
- 下标：这将内容放在基线的下面
- 上标：这将内容放在基线的上面
把它想象成数学三明治——基线是主要成分，而下标/上标是让它变得特别的美味添加剂！
语法
现在，让我们看看如何在MathML中编写这些。别担心，这比看起来简单！
下标语法
<munder>
<base> <!-- 主符号或表达式 -->
<underscript> <!-- 放在基线下面的内容 -->
</munder>上标语法
<mover>
<base> <!-- 主符号或表达式 -->
<overscript> <!-- 放在基线上面的内容 -->
</mover>组合下标和上标
<munderover>
<base> <!-- 主符号或表达式 -->
<underscript> <!-- 放在基线下面的内容 -->
<overscript> <!-- 放在基线上面的内容 -->
</munderover>参数
这些元素的参数很简单：
- base：这是主要的符号或表达式。
- underscript：出现在基线下面的内容。
- overscript：出现在基线上面的内容。
属性
虽然这些元素单独使用效果很好，但我们也可以通过添加属性来增加一些额外的风味。以下是最常见的属性：
| 属性 | 描述 | 可能的值 |
|---|---|---|
| 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' 上面有一个帽子 (^)，类似于数学符号中的 x̂。
示例 3：组合下标和上标
<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>这个示例创建了一个求和符号 (∑)，其下面是 'i=1'，上面是 'n'，后面跟着 x^i。这就像写出了从 i=1 到 n 的 x^i 的和的数学表达式。
示例 4：使用属性
<math xmlns="http://www.w3.org/1998/Math/MathML">
<munder accentunder="true">
<mi>x</mi>
<mo>˜</mo>
</munder>
</math>这个示例在 'x' 下面放了一个波浪号 (~) 并将其视为重音，这可能会影响其位置。
输出
这些MathML元素的输出将取决于渲染它们的浏览器或应用程序。大多数现代网络浏览器都在某种程度上支持MathML，但确切的外观可能会有细微差异。
例如，组合下标和上标的示例（示例 3）通常会渲染为一个大的求和符号，其下面是 'i=1'，上面是 'n'，并且 'x^i' 在其右侧。
记住，熟能生巧！尝试玩转这些元素，混合搭配它们，看看你能创造出哪些数学奇迹。在你意识到之前，你将能够写出让爱因斯坦都感到骄傲的复杂方程！
就这样，伙计们！你已经迈出了进入MathML下标和上标世界的第一步。起初，这可能看起来有点令人生畏，但相信我，只要稍加练习，你就能像专业人士一样操作数学表达式。继续尝试，不要害怕犯错误——这是我们学习的方式！
快乐编码，愿数学与你同在！
Credits: Image by storyset