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 规则。