Template for XHTML + MathML + SVG
   + JavaScript + div + CSS

Reference for the DTD (Document Type Definition) used in this file:
http://www.w3.org/TR/XHTMLplusMathMLplusSVG/#howto-xhtml
(However, some slight adjustments were made in order to validate.)

This is the page where I got the code to enable writing to the div:
http://www.webdeveloper.com/forum/showthread.php?t=71464

This file has been validated:
XHTML: http://validator.w3.org/
CSS: http://jigsaw.w3.org/css-validator

The file extension is ".xhtml".
The extension ".htm" doesn't allow the MathML to work.
The extension ".xml" displays the page fine, but it doesn't validate.

MathML (Math Markup Language)

This is an IMAGE of the "horizontal fraction" that you will see below, if MathML is displaying properly:
a horizontal fraction

MathML:    x+1 x+2

SVG (Scalable Vector Graphics)

This is an IMAGE of the circle that you will see below, if SVG is displaying properly:
a circle

SVG:

DIV WITH DYNAMIC TEXT CONTAINING FORMATTED HTML CODE and MATHML

Click on "new problem" to get started!

Simplify:

Put your answer here:

Click here or press "tab" to check your answer:

Performance of this web page in various browsers/platforms

March 24,
2010
static MathML? SVG? div with dynamic formatted text and MathML, using JavaScript NOTES
Firefox (on MAC)
(Version 3.6.2)
yes yes yes So... Firefox gives EVERYTHING needed for dynamic math!
Internet Explorer
(Version 8.0, implemented on the MAC with VMWare Fusion)
yes;
uses MathPlayer plugin
yes:
using Adobe SVG Player
no no: nothing will appear in the div at all
Opera (on MAC)
(Version 10.10)
yes yes yes So... new versions of Opera give EVERYTHING needed for dynamic math!
Safari (on MAC)
(Version 4.0.4)
no yes no:
HTML formatting works,
but not MathML
 
Chrome (on MAC)
(version 5.0.307.11 beta)
no yes no:
HTML formatting works,
but not MathML