Created 19/6/04 Modified 21/6/05
Chelton Evans
<?xml version="1.0"?> <?xml-stylesheet type="text/xsl" href="pmathml.xsl"?> <!-- pref:renderer="techexplorer-plugin" pref:renderer="techexplorer" pref:renderer="css" pref:renderer="mathplayer" pref:renderer="mathplayer-dl" --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html" /> <title></title> </head> <body>
This method alows both IE 6.0+ and Mozilla to view MathML, and is the easiest way to display mathematics that I know of. Mozilla Firefox and Microsofts Internet Explorer with the free IE plugin Design Science MathPlayer can display mathematics. It requires an aditional pmathml.xsl file in the same directory as the mathematics .xml file. pmathml.xsl uses a relative path, the absolute html path is rejected by IE for security reasons.
So have an .xml file with this header and write MathML in it. Include the pmathml.xsl in the same directory as the xml file.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="comsci/css/s011.css"/>
<style type="text/css">
</style>
<title> </title>
</head>
<body>
<div class="message_right">
<a href="http://validator.w3.org/check/referer">
<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid
XHTML 1.1!" height="31" width="88" />
</a>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
<br/>
Created -1/-1/05 Modified 21/6/05 <br/>
<a href="mailto:fluxionsdividebyzero@yahoo.com">Chelton Evans</a>
</div>
<h1>
<a href="../../../../index.html">
<img alt="home" src="../../../comsci/images/Frame.gif" /> </a>
</h1>
</body>
</html>
<?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" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="../comsci/css/s011.css"/>
<style type="text/css">
</style>
<title> </title>
</head>
<body>
<div class="message_right">
<a href="http://validator.w3.org/check/referer">
<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid
XHTML 1.1!" height="31" width="88" />
</a>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" />
</a>
<br/>
Created -1/-1/05 Modified 21/6/05 <br/>
<a href="mailto:fluxionsdividebyzero@yahoo.com">Chelton Evans</a>
</div>
<h1>
<a href="../../../../index.html">
<img alt="home" src="../../../comsci/images/Frame.gif" /> </a>
</h1>
</body>
</html>
I cut and past these as basic document templates.
xhtml report - vision of html and xhtml
Putting mathematics - the universal language into a browser seemed important to me, and that is what MathML does - delivers mathematics accross the internet. The Mozilla web browser has native support for MathML.
When I started I used a MathML Editor . However I quickly switched to editing the html by hand in text editors.
HTML has changed alot, the rest of this is scattered notes.
However if I can say something consider structuring
your code with div tags. If you have internet
validate the html with the validators, view my source (if its valid).
fluxionsdividebyzero@yahoo.com <a href="mailto;: internet address " > text < /a >
Special characters
| < < | > > | & && | © © | " " |
|
|
BLOCKQUOTE can be used to indent
<blockquote>
Some text ...</blockquote>
Bullets
|
<ul type="disc"> |
|
<ol> |
|
<ol> |
| Headings |
|
|
|
|
References
Geocities filetypes
<!-- comments -->
<img src="pic.gif" alt="description" >
Tags
| <br></br> | < br/> |
| <img></img> | < img/> |
| <hr></hr> | < hr/> |
| <a id="localpointer" > </a> | <a href="document.html#localpointer"> link </a> |
<p style="font-size: 12pt; color: yellow"> Aren't style sheets wonderful. <p>
Aren't styles sheets wonderful.
<link rel="stylesheet" type="text/css" href="http://place/all.css" />
The comment tag is dead
<![CDATA[this text is the comment]]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://www. location/style.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html >
<title> title </title>
<head>
<style type="text/css">
body
{
margin-left: 7%;
margin-right: 7%;
}
h2,h3,h4,h5,h6 { margin-left: -2% }
</style>
</head>
<body>
</body>
</html>
#inside <style type="text/css"> </style>
p.redbig {color: red; font-size: 200%}
<p class="redbig">This text is big and red</p>
pre { font-family: monospace; }
<pre> ... </pre>
.centered { text-align: center; }
<h2 class="centered"> heading </h2>
em {text-decoration: overline}
.littleblue {color: blue; font-size: 50%}
<p class="littleblue"> text </p>
h1 { text-align: center }
Have no whitespace before the XML header, Mozilla gives a parsing error.
Overload a definition by linking in to another style sheet. Inlining a style if necessary. By having non-unique names, but the behaviour varying I hope to support configurable document views.