consistent MathJax LaTeX

[chharvey]

• class .Math, not .latex or .tex
• JS to insert \( and \) for inline (spans); \[ and \] for block (divs)
• var Element to be used only in inline text, not math.

[chharvey]

Commit 0767861f19ff42c24909ad88127d2ffed60cc4d3 fixes the var issue; all that is left to do is take care of the LaTeX things.

[chharvey]

Rules

Elements

• "Inline Math" usually belongs in <span> Elements.
• "Displayed Math," when its flow should be read as part of a paragraph, still use <span>, even though it will be displayed like a block (see classes below). It goes inside the <p> (or whatever container).
• In some cases, "Displayed Math" does belong in its own Element (not read as part of a paragraph). In these cases, use semantic Elements like <li>, <dd>, <td>, <p>, etc. where necessary.

Classes

• All math: Class .M styles the math with CSS and also serves as a hook for the processClass function in the mathjax-localconfig.js file.
• "Inline Math": regardless of the HTML Element, use class .M.I. This can be applied to any Element. In CSS, display: inline; is added, and in jQuery, \( and \) are prepended/appended.
• "Displayed Math": regardless of the HTML Element, use class .M.B. This can be applied to any Element. In CSS, display: block; is added, and in jQuery, \[ and \] are prepended/appended.

Issues

1. When MathJax parses \[ and \], it automatically adds <div> Elements inside, no matter what the containing element is. For example: <span class="M B">x+2</span> is in the source code. jQuery will act first, adding the delimiters, making it <span class="M B">\[x+2\]</span>. Then when MathJax acts, it nests <div>s inside the <span>. Unfortunately the only solution is fixing the MathJax. They don't need to use <div>; they can use <span> with display: block;.
2. Eventually, find a way to implement the automation of \( and \) or \[ and \] with templates. See issue #9 for more information.