MathML

The educational technology and digital learning wiki
Jump to navigation Jump to search

Definition

  • MathML is about encoding the structure of mathematical expressions so that they can be displayed, manipulated and shared over the World Wide Web. A carefully encoded MathML expression can be evaluated in a computer algebra system, rendered in a Web browser, edited in your word processor, and printed on your laser printer.

The language

Hand-editing MathML is quite difficult. There are 30 MathML presentation elements (e.g. fractions), with about 50 attributes and around 100 elemens for content markup (e.g. operations such as + and functions). These elements are for encoding mathematical notation. Most elements represent templates or patterns for laying out subexpressions.

Since MathML is too verbose, you really need tools or conversion software (e.g. from Latex) to build web pages with MathML.

Integration with XHTML

If your browser supports XHTML and MathML (e.g. Firefox) all you have to do is to make sure that MathML elements are prefixed with the right XML namespace.

Integration with HTML5

MathML is included in the HTML5 specification.

<!doctype html>
<html>
  <head>
    <title>HTML5 SVG demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  </head>
 
  <body>
    <h1>HTML5 MathML Demo</h1>
    <p> Very simple formula: </p>
 
   <math xmlns="http://www.w3.org/1998/Math/MathML">
     <mrow>
       <msqrt>
         <mn>49</mn>
       </msqrt>
       <mo>=</mo>
       <mn>7</mn>
     </mrow>
   </math>
 
  </body>
</html>

MathML as extra vocabulary in XHTML

<?xml version="1.0" encoding="iso-8859-1"?>
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml">
 <xhtml:body>
   <xhtml:h1>A Compound Document</xhtml:h1>
   <xhtml:p>A simple formula using MathML in XHTML.</xhtml:p>
   <mathml:math xmlns:mathml="http://www.w3.org/1998/Math/MathML">
     <mathml:mrow>
       <mathml:msqrt>
         <mathml:mn>49</mathml:mn>
       </mathml:msqrt>
       <mathml:mo>=</mathml:mo>
       <mathml:mn>7</mathml:mn>
     </mathml:mrow>
   </mathml:math>
 </xhtml:body>
</xhtml:html>

http://tecfa.unige.ch/guides/xml/examples/mathml/xhtml_mathml.xml

Or if you prefer:

<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml">
 <body>
   <h1>A Compound Document</h1>
   <p>A simple formula using MathML in XHTML.</p>
   <math xmlns="http://www.w3.org/1998/Math/MathML">
     <mrow>
       <msqrt>
         <mn>49</mn>
       </msqrt>
       <mo>=</mo>
       <mn>7</mn>
     </mrow>
   </math>
 </body>
</html>

http://tecfa.unige.ch/guides/xml/examples/mathml/xhtml_mathml_2.xml

MathML validated by a combined XHTML/MathML DTD

If your browser supports XHTML and MathML (e.g. Firefox) a less simple example would look like this:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" 
         "http://www.w3.org/TR/MathML2/dtd/xhtml-math11-f.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:math="http://www.w3.org/1998/Math/MathML"
      xmlns:xlink="http://www.w3.org/1999/xlink">
<head> <title>XTHML with MATHML</title> </head>
<body>
 <p> 
   <b>Corollary 2</b> [Contractive Sequence Theorem] <em>If
   <math xmlns='http://www.w3.org/1998/Math/MathML'><mo>(</mo><msub><mi>x</mi> <mi>n</mi></msub><mo>)</mo></math> is a sequence, 
    for which there is a number 
    <math xmlns='http://www.w3.org/1998/Math/MathML'>
          <mi>C</mi><mi><</mi><mn>1</mn></math>
     such that 
     <math xmlns='http://www.w3.org/1998/Math/MathML'>
       <mo>|</mo><msub><mi>x</mi> <mrow><mi>n</mi><mo>+</mo><mn>2</mn></mrow></msub>
       <mo>-</mo>
       <msub><mi>x</mi><mrow><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msub>
       <mo>|</mo><mo>≤</mo><mi>C</mi><mo>⋅</mo><mo>|</mo>
       <msub><mi>x</mi> <mrow><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msub>
       <mo>-</mo>
       <msub><mi>x</mi> <mi>n</mi></msub><mo>|</mo></math>, 
     then <math xmlns='http://www.w3.org/1998/Math/MathML'><mo>(</mo><msub><mi>x</mi> <mi>n</mi></msub><mo>)</mo>
    </math>   
    converges;</em></p>
</body>
</html>

Click here to see if your browser can handle it.

IE explorer hack

You also can make MathML/XHTML integration work by installing a a free stylesheet (read the whole article and copy the files to your server).

Example MATHML with an XSLT trick for IE
<?xml version="1.0"?>
<?xml-stylesheet type="text/xsl" href="pmathml.xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:pref="http://www.w3.org/2002/Math/preference"
      pref:renderer="css">
 <head>
   <title>MATHML with an XSLT trick for IE</title>
 </head>
     
 <body>
   <h1>MATHML with an XSLT trick for IE</h1>
 <p>Below is an equation with a radical:</p>
 <math xmlns="http://www.w3.org/1998/Math/MathML">
  <msup>
   <msqrt>
     <mrow>
       <mi>a</mi>
       <mo>+</mo>
       <mi>b</mi>
     </mrow>
   </msqrt>
   <mn>27</mn>
  </msup>
 </math>
</body>
</html>

Plugins

Plugins are not the way to go, but you can, e.g. see the W3C MathML software List

Links

Standards

Examples

Software

(Note: Daniel K. Schneider didn't test any of these, so there is no endorsement).

Indexes
Commercial editors
Other commercial tools that support MathML to various Extents
Other free tools
  • Open Office has a Math Module.
  • The Amaya Web Browser
Plugins
  • Mplayer Free plugin from Design Science.

Tutorials and Overviews