Making MathML, ASCIIMathML and SVG work together in several browsers

Creating cross-browser compatible XHTML files with MathML and inline SVG is still quite a challenge. Here is a possible solution that also shows how to combine these webstandards with ASCIIMath and ASCIIsvg (nonstandard but simple input syntax for the webstandards).

This page shows how to combine valid XHTML, MathML, ASCIIMathML and inline SVG in a way that can be viewed with Firefox 1.5 and IE + MathPlayer + Adobe SVGview. Validate this page.

So we can have links, MathML fractions $\frac{a}{b}$, ASCIIMath fractions `sqrta/b^2` (in red, hover on it to see what was typed),
and SVG

The XHTML source contains some comments that may help getting this to work on your own server.

ASCIIMathML.js also works in plain HTML files (so this is a simple way to add math support to legacy pages). However if you want to use it together with standard MathML and SVG, you have to switch to XHTML.

Here is a version of this page that includes ASCIIsvg.

Last modified by Peter Jipsen