HTML5 Visual 150 150 TJ Design

HTML5 Visual

Below are several visuals for HTML5 layouts. These are very helpful in visualizing how the HTML5 code nests and in how it could be laid out.

This one would be more for a blog-style layout.
html-nesting-blog

This one would lend itself to a typical website page-style layout.
html-nesting-page

This is a posting from my Cool Coders site from this spring. I taught a group of high school students about HTML5, CSS and WordPress.