Valid XHTML 1.1! Valid CSS!
Created 2004-06-19   Modified 2009-04-12
Chelton Evans

XHTML Notes home

MathML   CSS   Java Script   valdiome   WDG validator   W3C validator   Command Line Validation   HTML Notes  

html templates

.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0//EN" "http://www.w3.org/Math/DTD/mathml2/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>
<title> xxx </title>
<meta http-equiv="Content-Type" content="text/xml; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="stylesheet" type="text/css" href="../../comsci/css/s011.css" />
<link rel='SHORTCUT ICON' href='../../comsci/images/FrameHome.ico' />
</head>

xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title> Title </title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
  <link rel="stylesheet" href="s011.css" type="text/css" />
  <link rel='SHORTCUT ICON' href='images/FrameHome.ico' />
</head>

mathmltemplate01.xml

Minimal xhtml 

<?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>
<head>
<title></title>
</head>

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
test003.html

TODO XHTML Document Header Resources
Error messages from the W3C HTML / XHTML validator
WC3 Schools HTML 4.01 / XHTML 1.0 Reference
HTML5 MathML test page
collect MathML example pages e.g. glFrustrum

MathML 2.0 and xhtml 1.1 document verified. test001.xhtml test002.xhtml

Command Line Validation

WDG HTML Validator command line validator. e.g.
$ validate doc.html

NOT off line - needs internet connection.

TODO email asking why off line mode is not working for my .xml files. For example I often work when travelling and have no internet.

Is there any support for explicitly telling validate not to look up the internet. e.g. $validate --offline myfile

Offline HTMLHelp.com Validator

$ validate --help

xml MathML Document Header 

<?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 allows both IE 6.0+ and Mozilla to view MathML, and is the easiest way to display mathematics that I know of. Mozilla Firefox and Microsoft's Internet Explorer with the free IE plug-in 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.

XHTML Document Headers

XHTML 

<?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>

XHTML and MathML 

<?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

HTML Notes

HTML has changed; this is my 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

< &lt; > &gt; & && © &copy; " &quot;

blockquote can be misused to indent
<blockquote>
<p> Some text ... </p>
</blockquote>

The quick brown fox jumped over the lazy dog. Some text ...

Lists

  • The CIRCLE
  • The SQUARE
  • The DISC
  • The first point
  • the second
  • the third
<ul style=\"list-style-type: disc;\">
<li> The first point </li>
<li> the second </li>
<li> the third </li>
</ul>
  1. first point
  2. second point
<ol>
<li>   </li>
<li>   </li>
</ol>

  1. Some text

  2. text2

<ol>
<li>
<p>
Some text
</p>
</li>
<li>
<p>
text2
</p>
</li>
</ol>

javascript/j024.html uses
list-style-type:none; to turn off bullets for manual nested numbering.

Headings  

<h1>

<h2>

<h1>

<h1>

<!-- 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>

Miscellaneous

<p style="font-size: 12pt; color: yellow"> Aren't style sheets wonderful. <p>

Aren't styles sheets wonderful.

# insides style tag
span.a1
{
  color: green
}
...
Aren't <span class="a1">style sheets</span> ...

Aren't style sheets wonderful.

In-lining <span style="color: red">xxx</span> xxx.

Font Examples Examples in html

Overlapping text and equations. CSS Layout 

<span style="position: relative; top: 1.3em; left: 270px;">(1)</span>

<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.

Style Sheets

TODO - move this description into CSS page.

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.

TODO

tables