MathML with other standards

Currently few browsers have a native MathML support, but even less can use it with all the other W3C standards. Th to e following examples show how you can mixed MathML with XHTML, CSS, SVG, SMIL and XLink. An example of the expected rendering is given, using Amaya. Update 01/19/09: Firefox is now able to display all the examples below, except XLink in MathML.

Description Your browser rendering Sample rendering (Amaya)
A simple formula (MathML) $\forall z\in ℂ,\mathrm{exp}z=\sum _{n=0}^{+\infty }\frac{{z}^{n}}{n!}$
A formula (MathML) inside a web document (XHTML) For all $\lambda ,\kappa \ge {\aleph }_{0}$ :
1. If $\kappa \le \lambda$ then ${\kappa }^{\lambda }={2}^{\lambda }$.
2. If there is some $\mu <\lambda$ such that ${\mu }^{\lambda }\ge \kappa$ then ${\kappa }^{\lambda }={\mu }^{\lambda }$.
3. If $\kappa >\lambda$ and if ${\mu }^{\lambda }<\kappa$ for all $\mu <\kappa$, then :
• If $\mathrm{cf}\kappa >\lambda$ then ${\kappa }^{\lambda }=\kappa$.
• If $\mathrm{cf}\kappa \le \lambda$ then ${\kappa }^{\lambda }={\kappa }^{\mathrm{cf}\kappa }$.

(bug in Amaya : &kappa; (κ) in italic is rendered as &kappav; (ϰ))

A formula (MathML) containing a pink & red matrix (CSS) . $det\left(\begin{array}{ccc}1& 2& 3\\ 4& 5& 6\\ 7& 8& 9\end{array}\right)=0$
The definition of a function (MathML) inside the drawing of its graph (SVG). $y=\sqrt{2}x-\frac{{\pi }^{2}}{6}$
A link to the top of the page (XLink) inside a formula (MathML).

An expression of gravitational interaction (MathML) next to the Moon. Both are rotating arround the Earth (SVG+SMIL)

$\mathbf{F}=-G\frac{mM}{{r}^{2}}{u}_{r}$

See mathml_svg.xml

This page is W3C-compliant - Author: Frédéric WANG