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 公式"。

验证

请参阅 AMP 验证器规范中的 amp-mathml 规则。