Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Test 0314</title>
</head>
<body>
<div id="b" role="banner">
<p>Here is a banner for this page.</p>
</div>
<div id="toc" role="contentinfo">
<p>Here is some information about the page's contents:</p>
<ul id="contents" role="list">
<li role="listitem"><a href="#s1">Section 1</a></li>
<li role="listitem"><a href="#s2">Section 2</a></li>
<li role="listitem"><a href="#a1">Appendix 1</a></li>
</ul>
</div>
<div id="main" role="main">
<p>This is the primary content of this page. It has some sections.</p>
<div id="s1" role="section">
<h1 role="heading">Some contents that are a header</h1>
<p>Section 1 needs some content!</p>
</div>
<div id="s2" role="section">
<h1 role="heading">This is Section 2</h1>
<p>Section 2 is pretty boring.</p>
</div>
<div id="a1" role="appendix">
<h1 role="heading">This is Appendix 1</h1>
<p role="note">It is a note about the document - not a primary content
item.</p>
</div>
</div>
</body>
</html>