Authoring Web Pages with MathML for Cross-browser Display Bob Mathews Director of Training Design Science, Inc.

2 Browser capability MathML can be displayed in: IE 5.5+ with MathPlayer (Windows) IE6/MP2 recommended

3 Browser capability MathML can be displayed in: IE 5.5+ with MathPlayer (Windows) Netscape 7+, Mozilla 0.9+ and Firefox. Current: 7.2, 1.7.5, & 1.0, respectively

4 Browser capability MathML can be displayed in: IE 5.5+ with MathPlayer (Windows) Netscape 7+, Mozilla 0.9+ and Firefox. Triggering MathML rendering in browsers requires special declarations in the page.

5 Triggering MathML DOCTYPEs & MIME types Namespaces Object Tags and Processing Instructions In the interest of time, we’ll not go into the specifics of these here. I do have some examples though… The good news is that you don’t have to remember all this minutiae!

6 Differences between browsers Remember all those differences? That’s all taken care of automagically by MathPlayer 2.0. If you construct the page with the right DOCTYPE, processing instruction(s), and namespace declarations, the page displays natively in NS/M, and MP 2 transforms it for display in IE 6. The previous example is available as a template from the Design Science web site.

7 MathType as an authoring tool Two primary approaches…  Word + MathType  MathPage  HTML editor + MathType  XHTML + MathML The MathPage approach… Start with a [saved] Word document. Click the Export to MathPage icon. Choose the options & click OK. Like this…

8 MathType as an authoring tool Two primary approaches…  Word + MathType  MathPage  HTML editor + MathType  XHTML + MathML The MathPage approach… The “brute force” approach… It’s best to start with a template. Use MathType to author the equations. Choose the “MathML 2.0 (namespace attr)” translator. Copy the equation and paste it into the code.

9 MathType as an authoring tool Two primary approaches…  Word + MathType  MathPage  HTML editor + MathType  XHTML + MathML The MathPage approach… The “brute force” approach….xht.xml In both cases, it’s important to save the document with a.xht or.xml extension. MathPage does this by default when you choose the XHTML + MathML option.

10 WebEQ as an authoring tool No automatic methods here. WebEQ gives you control: Type of markup Type of character encoding α Entity names (e.g., α) α Numerical references (e.g., α) α UTF-8 (e.g., α )

11 WebEQ as an authoring tool No automatic methods here. WebEQ gives you control: Type of markup Type of character encoding Choice of namespace declaration or prefix x + y

12 WebEQ as an authoring tool No automatic methods here. WebEQ gives you control: Type of markup Type of character encoding Choice of namespace declaration or prefix x + y

13 WebEQ as an authoring tool No automatic methods here. WebEQ gives you control: Type of markup Type of character encoding Choice of namespace declaration or prefix Copy MathPlayer or Mozilla declaration

14  ing it up MathPlayer 2.0 contains new support for XHTML + MathML docs. Triggered by a DOCTYPE declaration that mentions MathML. Transforms a doc written for Netscape/ Mozilla into one that will display in IE 6.

15  ing it up MathPlayer 2.0 contains new support for XHTML + MathML docs. MathType and WebEQ for authoring MathType Word + MathType = MathPage Also can use MathType with your favorite HTML editor to create XHTML + MathML docs

16  ing it up MathPlayer 2.0 contains new support for XHTML + MathML docs. MathType and WebEQ for authoring MathType WebEQ Use with your favorite HTML editor. Gives control over type of markup, character encoding, and namespace specification. Copy declarations to clipboard.

17  ing it up MathPlayer 2.0 contains new support for XHTML + MathML docs. MathType and WebEQ for authoring MathType WebEQ Questions?