Authoring Web Pages with Mathml for Cross-Browser Display

Total Page:16

File Type:pdf, Size:1020Kb

Authoring Web Pages with Mathml for Cross-Browser Display Authoring Web Pages with MathML for Cross-browser Display Presented by: Bob Mathews Design Science, Inc. AMATYC 2005 2 3 4 5 view: transformed source | original source same page viewed in Firefox 1.5 XHTML + MathML Sample Page This page demonstrates the new MathPlayer 2.0 support for XHTML + MathML pages. It renders properly in Internet Explorer 6 with MathPlayer 2.0, Netscape 7+, Mozilla 1.4+, and Firefox 1.0+. Here is a sample equation: 1 lim x→∞ x You can use this as a template for creating your own interoperable XHTML + MathML pages. <?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" [ <!ENTITY mathml "http://www.w3.org/1998/Math/MathML"> ]> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>XHTML + MathML Sample Page</title> </head> <body> <h1>XHTML + MathML Sample Page</h1> <p>This page demonstrates the new MathPlayer 2.0 support for XHTML + MathML pages. It renders properly in Internet Explorer 6 with MathPlayer 2.0, Netscape 7+, and Mozilla 1.4+.</p> <p>Here is a sample equation:</p> <math display="block" xmlns="&mathml;"> <mi>g</mi> <mrow><mo>(</mo><mi>x</mi><mo>)</mo></mrow> <mo>=</mo> <mrow> <mfrac> <mi>&alpha;</mi> <mi>x</mi> </mfrac> <mo>+</mo> <mfrac> <mn>1</mn> <mn>2</mn> </mfrac> </mrow> </math> <p>You can use this as a template for creating your own interoperable XHTML + MathML pages.</p> </body> </html> <?xml version="1.0"?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:m="http://www.w3.org/1998/Math/MathML"> <head> <OBJECT ID="mathplayer" CLASSID="clsid:32F66A20-7614-11D4-BD11-00104BD3F987"> <!--comment required to prevent this becoming an empty tag--> </OBJECT> <?IMPORT NAMESPACE="m" IMPLEMENTATION="#mathplayer" ?> <title>XHTML + MathML Sample Page</title> When MathPlayer detects the proper DOCTYPE declaration, it automatically </head> adds the object tag, processing instruction, and namespace prefix. <body> It also changes the MIME type to XHTML + <h1>XHTML + MathML Sample Page</h1> XML. <p>This page demonstrates the new MathPlayer 2.0 support for XHTML + MathML pages. It renders properly in Internet Explorer 6 with MathPlayer 2.0, Netscape 7+, and Mozilla 1.4+.</p> <p>Here is a sample equation:</p> <m:math display="block" xmlns="&mathml;"> <m:mi>g</m:mi> <m:mrow><m:mo>(</m:mo><m:mi>x</m:mi><m:mo>)</m:mo></m:mrow> <m:mo>=</m:mo> <m:mrow> <m:mfrac> <m:mi>&alpha;</m:mi> <m:mi>x</m:mi> </m:mfrac> <m:mo>+</m:mo> <m:mfrac> <m:mn>1</m:mn> <m:mn>2</m:mn> </m:mfrac> </m:mrow> </m:math> <p>You can use this as a template for creating your own interoperable XHTML + MathML pages.</p> </body> </html> view: transformed source | original source XHTML + MathML Sample Page This page demonstrates the new MathPlayer 2.0 support for XHTML + MathML pages. It renders properly in Internet Explorer 6 with MathPlayer 2.0, Netscape 7+, Mozilla 1.4+, and Firefox 1.0+. Here is a sample equation: 1 lim x x → ∞ You can use this as a template for creating your own interoperable XHTML + MathML pages. <?xml version="1.0" encoding="iso-8859-1"?> <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> </html>.
Recommended publications
  • Netscape 6.2.3 Software for Solaris Operating Environment
    What’s New in Netscape 6.2 Netscape 6.2 builds on the successful release of Netscape 6.1 and allows you to do more online with power, efficiency and safety. New is this release are: Support for the latest operating systems ¨ BETTER INTEGRATION WITH WINDOWS XP q Netscape 6.2 is now only one click away within the Windows XP Start menu if you choose Netscape as your default browser and mail applications. Also, you can view the number of incoming email messages you have from your Windows XP login screen. ¨ FULL SUPPORT FOR MACINTOSH OS X Other enhancements Netscape 6.2 offers a more seamless experience between Netscape Mail and other applications on the Windows platform. For example, you can now easily send documents from within Microsoft Word, Excel or Power Point without leaving that application. Simply choose File, “Send To” to invoke the Netscape Mail client to send the document. What follows is a more comprehensive list of the enhancements delivered in Netscape 6.1 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape 6.1 Highlights PR Contact: Catherine Corre – (650) 937-4046 CONFIDENTIAL UNTIL AUGUST 8, 2001 Netscape Communications Corporation ("Netscape") and its licensors retain all ownership rights to this document (the "Document"). Use of the Document is governed by applicable copyright law. Netscape may revise this Document from time to time without notice. THIS DOCUMENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND. IN NO EVENT SHALL NETSCAPE BE LIABLE FOR INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND ARISING FROM ANY ERROR IN THIS DOCUMENT, INCLUDING WITHOUT LIMITATION ANY LOSS OR INTERRUPTION OF BUSINESS, PROFITS, USE OR DATA.
    [Show full text]
  • Mathplayer: Web-Based Math Accessibility Neil Soiffer Design Science, Inc 140 Pine Avenue, 4Th Floor
    MathPlayer: Web-based Math Accessibility Neil Soiffer Design Science, Inc 140 Pine Avenue, 4th Floor. Long Beach, CA 90802 USA +1 562-432-2920 [email protected] ABSTRACT UMA[4] and Lambda[9]. Both projects have a strong focus on MathPlayer is a plug-in to Microsoft’s Internet Explorer (IE) that two-way translation between MathML and multiple braille math renders MathML[11] visually. It also contains a number of codes. They also include some standalone software for voicing features that make mathematical expressions accessible to people and navigating math. with print-disabilities. MathPlayer integrates with many screen Our work differs from previous work mainly in its focus – readers including JAWS and Window-Eyes. MathPlayer also MathPlayer is a mainstream application that is also designed to works with a number of TextHELP!’s learning disabilities work with popular assistive technology (AT) software. Our goal is products. to allow people to continue to use tools that they are already familiar with such as JAWS and IE, and not require them to use a Categories and Subject Descriptors different browser simply because the document they are reading H.5.4 [Information Systems]: Information Interfaces and contains mathematical expressions. Presentation—User Issues. 2. MATHPLAYER FEATURES General Terms MathPlayer is a free plug-in for IE that displays MathML in Web Design, Human Factors. pages. Because MathML is not an image format, MathPlayer is able to dynamically display a mathematical expression that Keywords matches the document’s font properties such as size and color. Hence, if a user chooses to read a document using a larger font Print Disabilities, Visual Impairments, Math Accessibility, size than standard or chooses a particular color scheme, the math Assistive Technology, MathML will also be displayed using that larger font size or color scheme.
    [Show full text]
  • Chapter 10 Document Object Model and Dynamic HTML
    Chapter 10 Document Object Model and Dynamic HTML The term Dynamic HTML, often abbreviated as DHTML, refers to the technique of making Web pages dynamic by client-side scripting to manipulate the document content and presen- tation. Web pages can be made more lively, dynamic, or interactive by DHTML techniques. With DHTML you can prescribe actions triggered by browser events to make the page more lively and responsive. Such actions may alter the content and appearance of any parts of the page. The changes are fast and e±cient because they are made by the browser without having to network with any servers. Typically the client-side scripting is written in Javascript which is being standardized. Chapter 9 already introduced Javascript and basic techniques for making Web pages dynamic. Contrary to what the name may suggest, DHTML is not a markup language or a software tool. It is a technique to make dynamic Web pages via client-side programming. In the past, DHTML relies on browser/vendor speci¯c features to work. Making such pages work for all browsers requires much e®ort, testing, and unnecessarily long programs. Standardization e®orts at W3C and elsewhere are making it possible to write standard- based DHTML that work for all compliant browsers. Standard-based DHTML involves three aspects: 447 448 CHAPTER 10. DOCUMENT OBJECT MODEL AND DYNAMIC HTML Figure 10.1: DOM Compliant Browser Browser Javascript DOM API XHTML Document 1. Javascript|for cross-browser scripting (Chapter 9) 2. Cascading Style Sheets (CSS)|for style and presentation control (Chapter 6) 3. Document Object Model (DOM)|for a uniform programming interface to access and manipulate the Web page as a document When these three aspects are combined, you get the ability to program changes in Web pages in reaction to user or browser generated events, and therefore to make HTML pages more dynamic.
    [Show full text]
  • Framework for Developing Offline HTML5 Applications
    MASARYK UNIVERSITY FACULTY}w¡¢£¤¥¦§¨ OF I !"#$%&'()+,-./012345<yA|NFORMATICS Framework for Developing Offline HTML5 Applications DIPLOMA THESIS Petr Kunc Brno, 2013 Declaration Hereby I declare, that this paper is my original authorial work, which I have worked out by my own. All sources, references and literature used or excerpted during elaboration of this work are properly cited and listed in complete reference to the due source. Advisor: doc. RNDr. Tomás Pitner, PhD. ii Acknowledgement Above all, I would like to thank my advisor doc. RNDr. Tomáš Pitner, PhD. for leading not only this diploma thesis but also for leading me during my studies. I would also like to thank my colleagues in Laboratory of Software Architectures and Information Systems, especially Mgr. Filip Nguyen and Mgr. Daniel Tovarˇnákfor priceless advice on implementation and for providing their knowledge. Nevertheless, I would like to thank my colleagues in Celebrio Software company. iii Abstract The aim of this thesis is to provide detailed information about developing offline web ap- plications. The thesis presents important technologies in the development and mostly deals with Application cache technology. It summarizes advantages and also disadvantages and problems of the technology. Then, it offers solutions to some of the problems and introduces framework for build- ing offline web applications more sophisticatedly. At last, demonstration application is pre- sented which shows the benefits of proposed technology. iv Keywords HTML5, offline, web applications, application
    [Show full text]
  • DOCTYPE Sniffing
    06_576429 ch02.qxd 11/18/04 12:28 PM Page 17 2 Document Standards This chapter explores the various options for a document foundation. CSS is a dynamic tool, in that you can use it in more than one type of document, including HTML, XHTML, and XML docu- ments. Each type of document may have several variations, flavors, or degrees of strictness. This chapter describes what’s involved in creating each type. Document standards are something very important to the aspiring CSS web designer. Inclusion of a Document Type Declaration (explained in a moment) and a well-formed document may mean the difference between a splitting, grueling headache and a mark-up document including CSS that works as expected in all the major browsers. Chapter 1 discussed the W3C body, the group assem- bled to decide on web standards. This chapter examines the various documents into which you can incorporate CSS, describing what each document looks like and giving you a few very basic examples of each document in action. The explanation of each topic in the following list is quite lengthy and can easily fill an entire book. This chapter covers only the basics, including ❑ Writing mark-up ❑ Obtaining the required web browsers ❑ Introduction to HTML, XML, and XHTML ❑ Introduction to the Document Type Declaration ❑ DOCTYPECOPYRIGHTED sniffing and how to invoke standards MATERIAL mode ❑ Creating web documents that survive and perpetuate into the foreseeable future Choosing Which Markup Language to Use HTML, XHTML, and XML are all based on SGML, which stands for Standard Generalized Markup Language. SGML is the parent of tag-based languages like HTML, XHTML, and XML, although it is not limited to these three examples.
    [Show full text]
  • Editorial Overview So Sebastian Stood up and Exhorted Us, Challenged Us (While We Were Between Speakers) to Do Something About It
    TUGboat, Volume 20 (1999), No. 3 155 ber of submissions was still rather ... euh ... low. Editorial Overview So Sebastian stood up and exhorted us, challenged us (while we were between speakers) to do something about it. Vancouver in August It took about half an hour but then there was a steady stream of quiet little walks to Sebastian’s end This year’s annual meeting (my first since 1995 in of the hall, a quick smile, a piece of paper changed Florida) had the papers, the attendees, the locale, hands ... and then the speaker’s eyes could return and the weather all vying for my attention. Every to the matter at hand. And thus a Poetry Reading day. It was a fantastic site: that West Coast mourn- in the Rose Garden was organised for that evening, fulness that comes of rain on huge fir trees for the and the results were unparalleled! You may have opening few days and then brilliant sunshine for the heard tales of “inspired” readings—it’s all true! Un- rest of the week, making the color contrasts outside fortunately, all we can reproduce here are the words. more like a paintbox than a conference site! The website has all the poems, all the pictures, and And then there were the papers! Oh yes. Alpha- all the prizes. \acro bet-soup time, folks. We have more sthan There was further mirth and enjoyment at do- ever, it seems: XML,MathML, EPS, DVIPDF, PDF, ing non-TEX things on the evening of the Banquet, HTML, CD-ROM ..
    [Show full text]
  • Abstracts Ing XML Information
    394 TUGboat, Volume 20 (1999), No. 4 new precise meanings assigned old familar words.Such pairings are indispensable to those who must work in both languages — or those who must translate from one into the other! The specification covers 90 pages, the introduction another 124.And this double issue has still more: a comparison between SGML and XML, an introduction to Document Object Models (interfaces for XML doc- uments), generating MathML in Omega, a program to generate MathML-encoded mathematics, and finally, the issue closes with a translation of the XML FAQ (v.1.5, June 1999), maintained by Peter Flynn. In all, over 300 pages devoted to XML. Michel Goossens, XML et XSL : unnouveau d´epart pour le web [XML and XSL:Anewventure for the Web]; pp. 3–126 Late in1996, the W3C andseveral major soft- ware vendors decided to define a markup language specifically optimized for the Web: XML (eXtensible Markup Language) was born. It is a simple dialect of SGML, which does not use many of SGML’s seldom- used and complex functions, and does away with most limitations of HTML. After anintroduction to the XML standard, we describe XSL (eXtensible Stylesheet Language) for presenting and transform- Abstracts ing XML information. Finally we say a few words about other recent developments in the XML arena. [Author’s abstract] LesCahiersGUTenberg As mentioned in the editorial, this article is intended Contents of Double Issue 33/34 to be read in conjunction with the actual specification, (November 1999) provided later in the same issue. Michel Goossens, Editorial´ : XML ou la d´emocratisationdu web [Editorial: XML or, the Sarra Ben Lagha, Walid Sadfi and democratisationof the web]; pp.
    [Show full text]
  • MS-XHTML]: Internet Explorer Extensible Hypertext Markup Language (XHTML) Standards Support Document
    [MS-XHTML]: Internet Explorer Extensible HyperText Markup Language (XHTML) Standards Support Document Intellectual Property Rights Notice for Open Specifications Documentation . Technical Documentation. Microsoft publishes Open Specifications documentation (“this documentation”) for protocols, file formats, data portability, computer languages, and standards support. Additionally, overview documents cover inter-protocol relationships and interactions. Copyrights. This documentation is covered by Microsoft copyrights. Regardless of any other terms that are contained in the terms of use for the Microsoft website that hosts this documentation, you can make copies of it in order to develop implementations of the technologies that are described in this documentation and can distribute portions of it in your implementations that use these technologies or in your documentation as necessary to properly document the implementation. You can also distribute in your implementation, with or without modification, any schemas, IDLs, or code samples that are included in the documentation. This permission also applies to any documents that are referenced in the Open Specifications documentation. No Trade Secrets. Microsoft does not claim any trade secret rights in this documentation. Patents. Microsoft has patents that might cover your implementations of the technologies described in the Open Specifications documentation. Neither this notice nor Microsoft's delivery of this documentation grants any licenses under those patents or any other Microsoft patents. However, a given Open Specifications document might be covered by the Microsoft Open Specifications Promise or the Microsoft Community Promise. If you would prefer a written license, or if the technologies described in this documentation are not covered by the Open Specifications Promise or Community Promise, as applicable, patent licenses are available by contacting [email protected].
    [Show full text]
  • HTML5 and CSS3 – the Future of the Web Programming
    HTML5 and CSS3 – The Future of the Web Programming HTML Sergio Luján Mora 1 HTML5 & CSS3 Content • Introduction • HTML syntax • Differences HTML/XHTML • Tags • More information HTML5 & CSS3 INTRODUCTION 2 HTML5 & CSS3 Introduction • Wikipedia: HyperText Markup Language (HTML) is the predominant markup language for web pages. HTML elements are the basic building-blocks of webpages. HTML5 & CSS3 Introduction HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags most commonly come in pairs like <h1> and </h1>, although some tags, known as empty elements, are unpaired, for example <img>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tags, comments and other types of text-based content. 3 HTML5 & CSS3 Introduction • HTML stands for Hyper Text Markup Language • HTML is not a programming language, it is a markup language • A markup language is a set of markup tags • HTML uses markup tags to describe web pages HTML5 & CSS3 Introduction • Standard defined by the W3C: – HTML 4.01 – HTML 5 (en desarrollo) – XHTML 1.0 – XHTML 1.1 – XHTML 2 (cancelled) (December 2011) 4 HTML5 & CSS3 HTML5 & CSS3 5 HTML5 & CSS3 Introduction • HTML 1 HTML 4.01: – Based on Standard Generalized Markup Language (SGML) • XHTML 1: – Based on eXtensible Markup Language (XML) HTML5 & CSS3 Introduction • Old HTML (until 4.01): – Defines the visual presentation
    [Show full text]
  • Its 2.0 Validation and Migration Tools for Html5 and Xhtml
    ITS 2.0 VALIDATION AND MIGRATION TOOLS FOR HTML5 AND XHTML Jiří Kosek Distribution: Public MultilingualWeb-LT (LT-Web) Language Technology in the Web FP7-ICT-2011-7 Project no: 287815 Document Information Deliverable title: ITS 2.0 VALIDATION AND MIGRATION TOOLS FOR HTML5 AND XHTML Contractual date of delivery: December 2013 Actual date of delivery: June 2013 Author(s): Jiří Kosek (subcontractor) Revision History Revision Date Author Organization Description 1 11/09/2013 Jiří Kosek First draft 2 19/09/2013 Jiří Kosek Improvements based on the feedback from others 2 CONTENTS Document Information ....................................................................................................................................... 2 Revision History .................................................................................................................................................. 2 Contents ............................................................................................................................................................. 3 1. Introduction ............................................................................................................................................... 4 2. Usage scenarios ......................................................................................................................................... 4 2.1. Validation of HTML5 content ................................................................................................................ 4 Sample validation
    [Show full text]
  • Improving the Representation and Conversion of Mathematical Formulae by Considering Their Textual Context
    Erschienen in: Proceedings of the 18th ACM/IEEE on Joint Conference on Digital Libraries - JCDL '18 / Chen, Jiangping et al. (Hrsg.). - New York : ACM Press, 2018. - S. 233-242. - ISBN 978-1-4503-5178-2 https://dx.doi.org/10.1145/3197026.3197058 Improving the Representation and Conversion of Mathematical Formulae by Considering their Textual Context Moritz Schubotz1, André Greiner-Petter1, Philipp Scharpf1, Norman Meuschke1, Howard S. Cohl2, Bela Gipp1 1Information Science Group, University of Konstanz, Germany ([email protected]) 2Applied and Computational Mathematics Division, NIST, U.S.A. ([email protected]) ABSTRACT Moritz Schubotz1, André Greiner-Petter1, Philipp Scharpf1, Norman Mathematical formulae represent complex semantic information 1 2 1 in a concise form. Especially in Science, Technology, Engineering, Meuschke , Howard S. Cohl , Bela Gipp and Mathematics, mathematical formulae are crucial to commu- nicate information, e.g., in scientific papers, and to perform com- putations using computer algebra systems. Enabling computers to access the information encoded in mathematical formulae requires machine-readable formats that can represent both the presentation and content, i.e., the semantics, of formulae. Exchanging such infor- 1 INTRODUCTION mation between systems additionally requires conversion methods In STEM disciplines, i.e., Science, Technology, Engineering, and for mathematical representation formats. We analyze how the se- Mathematics, mathematical formulae are ubiquitous and crucial to mantic enrichment of formulae improves the format conversion communicate information in documents, such as scientific papers, process and show that considering the textual context of formulae and to perform computations in computer algebra systems (CAS). reduces the error rate of such conversions. Our main contributions Mathematical formulae represent complex semantic information are: (1) providing an openly available benchmark dataset for the in a concise form that is independent of natural language.
    [Show full text]
  • Document Object Model †DOM‡ Level 2 HTML Specification
    Document Object Model (DOM) Level 2 HTML Specification Document Object Model (DOM) Level 2 HTML Specification Version 1.0 W3C Candidate Recommendation 07 October 2002 This version: http://www.w3.org/TR/2002/CR-DOM-Level-2-HTML-20021007 Latest version: http://www.w3.org/TR/DOM-Level-2-HTML Previous version: http://www.w3.org/TR/2002/CR-DOM-Level-2-HTML-20020605 Editors: Johnny Stenback, Netscape Philippe Le Hégaret, W3C Arnaud Le Hors, W3C and IBM (until November 2000) This document is also available in these non-normative formats: XML fileplain text, PostScript file, PDF file, single HTML file, and ZIP file. Copyright ©2002 W3C ® (MIT, INRIA, Keio), All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply. Abstract This specification defines the Document Object Model Level 2 HTML, a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content and structure of [HTML 4.01] and [XHTML 1.0] documents. The Document Object Model Level 2 HTML builds on the Document Object Model Level 2 Core [DOM Level 2 Core] and is not backward compatible with DOM Level 1 HTML [DOM Level 1]. Status of this document This section describes the status of this document at the time of its publication. Other documents may supersede this document. The latest status of this document series is maintained at the W3C. 1 Table of contents This is the 07 October 2002 W3C Candidate Recommendation of "DOM Level 2 HTML". This version updates the 5 June 2002 version based on the feedback from the implementers and the results of the DOM Level 2 HTML Test Suite.
    [Show full text]