Important: this documentation is not applicable to your currently selected format email!

amp-mathml 1.0 0.1

Description

Displays a MathML formula.

Required Scripts

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

Usage

Renders a MathML formula in an iframe.

The example below displays the quadratic formula:

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


The example below displays Cauchy's integral formula:

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


The example below displays a double angle formula for cosines:

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


Inline formula

This is an example of a formula of <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> placed inline in the middle of a block of text. <amp-mathml layout="container" inline data-formula="$$\cos(θ+φ)$$"></amp-mathml> This shows how the formula will fit inside a block of text and can be styled with CSS.

Attributes

data-formula (required)

Specifies the formula to render.

inline (optional)

If specified, the component renders inline (inline-block in CSS).

title (optional)

Define a title attribute for the component to propagate to the underlying <iframe> element. The default value is "MathML formula".

Validation

See amp-mathml rules in the AMP validator specification.