amp-mathml

1.0 0.1

<script async custom-element="amp-mathml" src="https://cdn.ampproject.org/v0/amp-mathml-0.1.js"></script>

用法

在 iframe 中呈現 MathML 公式。

以下範例顯示二次方程式

<amp-mathml
  layout="container"
  data-formula="\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]"
>
</amp-mathml>

以下範例顯示柯西積分公式

<amp-mathml
  layout="container"
  data-formula="\[f(a) = \frac{1}{2\pi i} \oint\frac{f(z)}{z-a}dz\]"
>
</amp-mathml>

以下範例顯示餘弦的倍角公式

<amp-mathml
  layout="container"
  data-formula="$$ \cos(θ+φ)=\cos(θ)\cos(φ)−\sin(θ)\sin(φ) $$"
>
</amp-mathml>

行內公式

這是一個公式範例，使用 <amp-mathml layout="container" inline data-formula="`x`"></amp-mathml>、<amp-mathml layout="container" inline data-formula="\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)"></amp-mathml> 行內放置在文字區塊的中間。<amp-mathml layout="container" inline data-formula="\( \cos(θ+φ) \)"></amp-mathml> 這顯示了公式如何適應文字區塊，並且可以使用 CSS 設定樣式。

屬性

data-formula (必填)

指定要呈現的公式。

inline (選填)

如果指定，元件會以行內方式呈現 (CSS 中的 inline-block)。

title (選填)

定義元件的 title 屬性以傳播到基礎 <iframe> 元素。預設值為 "MathML formula"。

驗證

請參閱 AMP 驗證器規格中的amp-mathml 規則。