Putting Math on the Web Using MathML and HTML5

This describes how to put math on the Web accessibly using MathML and HTML5. For this procedure to work, your Web page must be an HTML5 document and your equation must be formatted as MathML. If your Web page is another format, like HTML 4 or XHTML, you must use a different technique.

How to Add the Math Equation to Your Page

  1. Create the equation in MathType
  2. Set your cut and copy preferences in MathType
    1. Go to the “Preferences” menu and select “Cut and Copy Preferences…”
    2. Select the “MathML or TeX” option
    3. Choose “MathML 2.0 (no namespace)”
    4. (optional) Uncheck “Include MathType data in translation
  3. Copy the equation from MathType
  4. Paste the equation into your HTML editor
  5. Include the following code in the <head> section of your page.
    1. <script type=”text/javascript” src=”http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML”></script>

How to Get MathType

NC State users can download MathType from the NC Software Licensing page.

How to Add MathJax to Your Page

Include the following code in the <head> section of your page.

<script type=”text/javascript” src=”http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML”></script>

For more information, visit the MathJax Web site.

Video Tutorials

Examples