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