duckett

Example
HTML5 LAYOUT
This example shows a cooking site built using
new HTML5 elements to describe the structure
of the page (rather than just grouping items
using elements).
The header and footer of the page sit inside and
elements. The courses are grouped together inside a
element that has a class attribute whose value is courses (to
distinguish it from other elements on the page). The sidebar
sits inside an element.
Each of the courses lives inside an element, and use the
and elements to contain an image. The
headings for the courses have subheadings, so these are grouped inside
an element. In the sidebar, the recipes and contact details are
placed inside separate elements.
The page is styled using CSS. The only difference is that our selectors
are using the new HTML5 elements to allow us to create rules that
target those elements. In order for the CSS to work in versions of IE
before Internet Explorer 9, the HTML5 page contains a link to the
HTML5 shiv JavaScript (hosted on Google's servers) inside a
conditional comment.
HTML5 LAYOUT
444