Some content, created
A title
Subtitle to the above title
Some more content - i guess you get the drift by now
This page has valid simple HTML5 markup with new elements complemented with WAI-ARIA landmark roles for accessibility
Some content, created
Some more content - i guess you get the drift by now
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5 example with new elements and WAI-ARIA landmark roles</title> <link rel="stylesheet" href="css/base.css" type="text/css" media="screen"> <!--[if lte IE 8]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body id="index-page"> <div id="container"> <header role="banner"> <h1>HTML5 example with new elements and WAI-ARIA landmark roles</h1> <p>This page has valid simple HTML5 markup complemented with WAI-ARIA landmark roles for accessibility</p> </header> <nav id="demo-top-nav"> <ul> <li><a href="http://robertnyman.com/html5">HTML5 demos and samples' start page</a></li> <li><a href="http://robertnyman.com/">Robert's talk</a></li> <li><a href="http://robertnyman.com/javascript/">JavaScript compatibility tests</a></li> </ul> </nav> <div id="demo-main" role="main"> <section id="demo-main-content"> <header> <hgroup> <h2>A title</h2> <h3>Subtitle to the above title</h3> </hgroup> </header> <article> <p>Some content, created <time datetime="2009-10-14">October 14th 2009</time></p> </article> <article> <p>Some more content - i guess you get the drift by now</p> </article> <article> <header> <h2>The HTML code for this page</h2> </header> </article> </section> <aside id="demo-aside-content" role="complementary"> This is just a demo page to see HTML5 markup and WAI-ARIA landmark roles in action in a simple context </aside> </div> <footer id="page-footer" role="contentinfo"> Created by <a href="http://robertnyman.com/">Robert Nyman</a> </footer> </div> </body> </html>