HTML5 Guidelines for Web Developers

180 Chapter 6—SVG and MathML

fulfilled all the requirements. Figure 6.1 shows the result using the example of

three MathML formulae with corresponding SVG graphics.

Figure 6.1 MathML and SVG in action

6.1 MathML

To explain the necessary markup, let’s use the example with the circle: In List-

ing 6.1 you can see the source code for the formula to calculate the radius r of a

circle with a given area A.

Listing 6.1 MathML markup and formula for circle radius with given area

<math>

<mrow>

<mi>r</mi>

<mo>=</mo>

<msqrt>

<mfrac>

<mrow>

<mi>A</mi>

</mrow>

<mrow>

<mn>Π</mn>

</mrow>

</mfrac>

</msqrt>

</mrow>

</math>