MathML - 下標與上標

Hello, 有志於成為數學家以及未來的編程大師們！今天，我們將踏上一段令人興奮的旅程，探索MathML的神秘世界，特別聚焦於下標和上標元素。別擔心如果你之前從未寫過一行代碼——我將成為你這次數學冒險中的友好導遊！

MathML - Underscript-Overscript

下標和上標是什麼？

在我們深入細節之前，讓我們先了解我們將要處理的是什麼。想像你在紙上寫一個複雜的數學方程式。有時候，你需要把一些東西放在符號的下面或上面，對吧？在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。這就像寫數學表達式求和 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' 下面，並將其視為重音，這可能會影響其定位。

輸出

這些MathML元素的輸出將取決於瀏覽器或應用程序如何渲染它們。大多數現代網頁瀏覽器在某种程度上支持MathML，但具體的顯示效果可能會略有差異。

例如，結合下標和上標的範例（範例 3）通常會渲染為一個大的求和符號，下面有 'i=1'，上面有 'n'，並且 'x^i' 在其右側。

記住，熟練才能精通！嘗試玩轉這些元素，混合和匹配它們，看看你能創造出哪些數學奇蹟。在你意識到之前，你將能夠寫出會讓愛因斯坦驕傲的複雜方程式！

至於你們，各位！你們剛剛踏出了進入MathML下標和上標世界的第一步。這可能看起來有點令人生畏，但請相信我，只要稍加練習，你將會像專家一樣操作數學表達式。繼續嘗試，不要害怕犯錯誤——這是我們學習的方式！

快樂編程，並願數學與你同在！

Credits: Image by storyset