![Page 1: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/1.jpg)
MathML, MathJax, HTML5, and EPUB 3
What you need to know about the Math Stack
![Page 2: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/2.jpg)
2
Introduction• Autumn Cuellar, Associate Product
Manager• Design Science
• MathType• MathFlow• MathPlayer• MathDaisy• Equation Editor
![Page 3: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/3.jpg)
3
Overview• Exciting new standards
developments:• MathML 3• HTML5• EPUB 3
• Filling the gaps: MathJax• So why all the fuss about MathML?• I want to go there. But how?• Conclusion
![Page 4: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/4.jpg)
4
MathML• The XML standard for encoding
mathematics• MathML 1 spec finalized in 1998• MathML 2 in 2003• MathML 3 in late 2010
![Page 5: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/5.jpg)
5
MathML 3• Line wrapping and line breaking
![Page 6: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/6.jpg)
6
MathML 3• Elementary math
![Page 7: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/7.jpg)
7
MathML 3• International math support
![Page 8: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/8.jpg)
8
HTML5• World Wide Web - by scientists for
scientists…• But HTML, the primary web language,
had no support for math…• Until HTML5
![Page 9: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/9.jpg)
9
HTML5• Browser makers have been vocal in
their support of HTML5• Already some MathML support:
• Gecko – Mozilla/Firefox• Webkit – Safari• Opera (through CSS)
![Page 10: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/10.jpg)
10
EPUB 3• EPUB 2: DAISY and XHTML• DAISY included MathML…• … so IDPF was not so far behind on
the math curve.
![Page 11: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/11.jpg)
11
EPUB 3• EPUB 2: DAISY and XHTML• DAISY included MathML…• … so IDPF was not so far behind on
the math curve.• Or were they?
![Page 12: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/12.jpg)
12
EPUB 3• EPUB 2: DAISY and XHTML• DAISY included MathML…• … so IDPF was not so far behind on
the math curve.• Or were they?• EPUB = XHTML
![Page 13: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/13.jpg)
13
EPUB 3• EPUB 3 in December 2011
![Page 14: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/14.jpg)
14
EPUB 3• EPUB 3 in December 2011
“exciting new format … set to unleash a content revolution in the publishing world” – Matt Garrish
![Page 15: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/15.jpg)
15
EPUB 3• EPUB 3 in December 2011
“exciting new format … set to unleash a content revolution in the publishing world” – Matt Garrish
“The future of e-books is now.” – Digital Book World
![Page 16: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/16.jpg)
16
EPUB 3• Built on HTML 5• eReaders built on browsers may
already support MathML!• Example, iBooks
![Page 17: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/17.jpg)
17
Filling the Gap• MathML support is growing!• But still lots of gaps
• Safari, Opera – support not great• Chrome and IE – no native support
![Page 18: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/18.jpg)
18
Filling the Gap• MathML support is growing!• But still lots of gaps
• Safari, Opera – support not great• Chrome and IE – no native support
• No content producer likes gaps
![Page 19: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/19.jpg)
19
Filling the Gap• MathML support is growing!• But still lots of gaps
• Safari, Opera – support not great• Chrome and IE – no native support
• No content producer likes gaps• Luckily, there’s MathJax
![Page 20: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/20.jpg)
20
MathJax• Managed by a consortium including
American Mathematical Society and Society for Industrial and Applied Mathematics
• Open-source Javascript library for rendering MathML in any modern browser.
![Page 21: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/21.jpg)
21
MathJax• Chrome, IE, Safari, Firefox, etc.• Mobile devices, laptops, PCs• Wider range of eReaders, including
Calibre and Readium (demo)
![Page 22: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/22.jpg)
22
Why MathML?• For the same reasons we get excited
about HTML5 and EPUB 3:• We can do more with what we have…
![Page 23: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/23.jpg)
23
Searchability• Information Age• Search is key to navigating through all
of that information• Math search on the horizon• Projects showing success use MathML:
• MathDex• EgoMath• MathWebSearch
![Page 24: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/24.jpg)
24
Localization
![Page 25: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/25.jpg)
25
Flexibility• Easily target a range of devices:
• Mobile devices• PCs• Retina display
• Stylesheets give you power over presentation
![Page 26: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/26.jpg)
26
Accessibility• The accessibility community favors
MathML – NIMAS, DAISY, others• Through MathPlayer, several screen
readers and Braille translation tools support MathML (demo)
![Page 27: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/27.jpg)
27
Interoperability• Wide support of MathML in
applications: • CAS• Graphing• Calculators• Assessment creators• Whiteboards• Etc.• (demo)
![Page 28: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/28.jpg)
28
How to Get There• Doctypes (Docbook, DITA)• MathML Editors (MathFlow)• Conversion processes (XSLT)• MathJax
![Page 29: What you need to know about the Math Stack: MathML, MathJax, HTML5, and EPUB 3](https://reader037.vdocument.in/reader037/viewer/2022110118/554dc87db4c905bd488b529c/html5/thumbnails/29.jpg)
29
Conclusion• HTML5 and EPUB 3 have matured to
the point of supporting MathML 3• Browsers and eReaders are catching
up• MathJax is filling the gap ‘til they do• This is great because MathML offers
exciting avenues for math content!• Four easy steps will get you there