1. ms2ger
  2. Anolis

Commits

Geoffrey Sneddon  committed cfe00c4

Add examples.

  • Participants
  • Parent commits 1623cf6
  • Branches default

Comments (0)

Files changed (2)

File example.html

View file
  • Ignore whitespace
+<!DOCTYPE html><html lang=en><head>
+
+<meta content="text/html; charset=utf-8" http-equiv=content-type>
+<title>My Magic Specification</title>
+<link href=http://www.whatwg.org/style/specification rel=stylesheet type=text/css>
+
+</head><body class=draft>
+
+<div class=head>
+	<h1>My Magic Specification</h1>
+	
+	<h2 class="no-num no-toc" id=working-draft-date>Working Draft — 23 January 2009</h2>
+	
+	<dl>
+		<dt>This version:
+		</dt><dd><!--begin-link--><a href=http://example.com/>http://example.com/</a><!--end-link-->
+		
+		</dd><dt>Latest version:
+		</dt><dd><!--begin-link--><a href=http://example.com/>http://example.com/</a><!--end-link-->
+		
+		</dd><dt>Previous versions:
+		</dt><dd><!--begin-link--><a href=http://example.com/>http://example.com/</a><!--end-link-->
+		</dd><dd><!--begin-link--><a href=http://example.com/>http://example.com/</a><!--end-link-->
+		</dd><dd><!--begin-link--><a href=http://example.com/>http://example.com/</a><!--end-link-->
+		
+		</dd><dt>Editors:
+		</dt><dd class=vcard>
+			<span class=fn>John Smith</span>,
+			<span class=org>Huge Multinationals Ltd.</span>,
+			<span class=email>john@example.com</span>
+		</dd><dd class=vcard>
+			<span class=fn>Ian Smith</span>,
+			<span class=org>Huge Multinationals Ltd.</span>,
+			<span class=email>ian@example.com</span>
+	</dd></dl>
+	
+	<p class=copyright>© Copyright 2009 Geoffrey Sneddon.
+	</p><p class=copyright>You are granted a license to do absolutely anything
+	with this document, including removing this copyright notice.
+</p></div>
+
+<h2 class="no-num no-toc" id=abstract>Abstract</h2>
+
+<p>This specification defines My Magic Specification to be even more awesome
+than any other specification ever written.
+
+</p><h2 class="no-num no-toc" id=status>Status</h2>
+
+<p>This is a <strong>work in progress</strong> and may change under your, your
+best friend's, your mother's, or your father's feet. This document changes
+once in a lifetime, so don't trust it says what it said when you last read it,
+because you don't know whose lifetime (or even other possibly useful
+information, such as their age or species) that refers to.
+
+</p><p>This specification is being produced by a dumb idiot, so don't bother
+sending feedback.
+
+</p><p>This specification is intended to replace absolutely nothing at all. It
+should therefore avoid you from getting bored, becuase you will never have
+nothing to do anymore, because this replaces it.
+
+</p><h2 class="no-num no-toc" id=table-of-contents>Table of Contents</h2>
+
+
+<!--begin-toc-->
+<ol class=toc>
+ <li><a href=#introduction><span class=secno>1 </span>Introduction</a></li>
+ <li><a href=#amazing-magical-section><span class=secno>2 </span>Amazing Magical Section</a>
+  <ol>
+   <li><a href=#the-first-subsection><span class=secno>2.1 </span>The First Subsection</a></li></ol></li>
+ <li><a class=no-num href=#acknowledgements>Acknowledgements</a></li></ol>
+<!--end-toc-->
+
+<h2 id=introduction><span class=secno>1 </span>Introduction</h2>
+
+<p>This specification is awesome. That's all you need as an introduction to it.
+It's not worthy of mere words to describe it.
+
+</p><h2 id=amazing-magical-section><span class=secno>2 </span>Amazing Magical Section</h2>
+
+<p>This is the section of the document that says a <dfn id=magical-tool>magical tool</dfn> is
+one that possesses magic properties, and that a
+<dfn id=non-magical-tool title="non-magical tool">non-magical one</dfn> is one that possesses no
+magical properties.
+
+</p><p>If you wish to use a <a href=#magical-tool>magical tool</a>, it can be done with complete
+ease, as, due to it's magic, it will help you use it. However, a
+<a href=#non-magical-tool title="non-magical tool">boring plain old-fashioned one</a> can be a
+lot harder to operate. This is true for things like <a href=#fish>fish</a>.
+
+</p><p>A <dfn id=fish>fish</dfn> is an animal. It's really boring. It's totally and utterly
+normal. All it does is swim.
+
+</p><h3 id=the-first-subsection><span class=secno>2.1 </span>The First Subsection</h3>
+
+<p>No other subsection will ever be as awesome as this, because this was here
+first.
+
+</p><h2 class=no-num id=acknowledgements>Acknowledgements</h2>
+
+<p>I would like to kill Hixie for bullying me into writing this document, just
+because he wanted to be able to give someone an example of how to use Anolis.
+</p></body></html>

File example.src.html

View file
  • Ignore whitespace
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+
+<head>
+
+<meta http-equiv="content-type" content="text/html; charset=utf-8">
+<title>My Magic Specification</title>
+<link rel="stylesheet" type="text/css" href="http://www.whatwg.org/style/specification">
+
+<body class="draft">
+
+<div class="head">
+	<h1>[TITLE]</h1>
+	
+	<h2 class="no-num no-toc">Working Draft — [DATE]</h2>
+	
+	<dl>
+		<dt>This version:
+		<dd><!--begin-link-->http://example.com/<!--end-link-->
+		
+		<dt>Latest version:
+		<dd><!--begin-link-->http://example.com/<!--end-link-->
+		
+		<dt>Previous versions:
+		<dd><!--begin-link-->http://example.com/<!--end-link-->
+		<dd><!--begin-link-->http://example.com/<!--end-link-->
+		<dd><!--begin-link-->http://example.com/<!--end-link-->
+		
+		<dt>Editors:
+		<dd class="vcard">
+			<span class="fn">John Smith</span>,
+			<span class="org">Huge Multinationals Ltd.</span>,
+			<span class="email">john@example.com</span>
+		<dd class="vcard">
+			<span class="fn">Ian Smith</span>,
+			<span class="org">Huge Multinationals Ltd.</span>,
+			<span class="email">ian@example.com</span>
+	</dl>
+	
+	<p class="copyright">© Copyright 2009 Geoffrey Sneddon.
+	<p class="copyright">You are granted a license to do absolutely anything
+	with this document, including removing this copyright notice.
+</div>
+
+<h2 class="no-num no-toc">Abstract</h2>
+
+<p>This specification defines My Magic Specification to be even more awesome
+than any other specification ever written.
+
+<h2 class="no-num no-toc">Status</h2>
+
+<p>This is a <strong>work in progress</strong> and may change under your, your
+best friend's, your mother's, or your father's feet. This document changes
+once in a lifetime, so don't trust it says what it said when you last read it,
+because you don't know whose lifetime (or even other possibly useful
+information, such as their age or species) that refers to.
+
+<p>This specification is being produced by a dumb idiot, so don't bother
+sending feedback.
+
+<p>This specification is intended to replace absolutely nothing at all. It
+should therefore avoid you from getting bored, becuase you will never have
+nothing to do anymore, because this replaces it.
+
+<h2 class="no-num no-toc">Table of Contents</h2>
+
+<!--toc-->
+
+<h2>Introduction</h2>
+
+<p>This specification is awesome. That's all you need as an introduction to it.
+It's not worthy of mere words to describe it.
+
+<h2>Amazing Magical Section</h2>
+
+<p>This is the section of the document that says a <dfn>magical tool</dfn> is
+one that possesses magic properties, and that a
+<dfn title="non-magical tool">non-magical one</dfn> is one that possesses no
+magical properties.
+
+<p>If you wish to use a <span>magical tool</span>, it can be done with complete
+ease, as, due to it's magic, it will help you use it. However, a
+<span title="non-magical tool">boring plain old-fashioned one</span> can be a
+lot harder to operate. This is true for things like <span>fish</span>.
+
+<p>A <dfn>fish</dfn> is an animal. It's really boring. It's totally and utterly
+normal. All it does is swim.
+
+<h3>The First Subsection</h3>
+
+<p>No other subsection will ever be as awesome as this, because this was here
+first.
+
+<h2 class="no-num">Acknowledgements</h2>
+
+<p>I would like to kill Hixie for bullying me into writing this document, just
+because he wanted to be able to give someone an example of how to use Anolis.