HTML5 Stuff, cont'd.

• Navigation element is a flow and a content element
• Not all links need to be in a Nav element--just those with major navigation. Footer, for example, probably doesn't need a nav element.
• Would you want screen reader to read the links? If not, nav probably not necessary.
• Section element is also both flow and content
• Use div if it's simply for styling purposes.
• Sections can be used to break up parts of a blog
• Article: a self-contained composition that can be independently distributable
  
• Aside element - flow and sectioning content, consists of content that is tangentially related to the content around the element, and which could be considered separate from that content. ie. pull quotes, sidebars, etc.
• footer element- NOT a sectioning element.
  
• Pages and sections can have multiple footers
• hgroup element- Belongs to heading content, used to group set of h1-h6 elements when teh heading has multiple levels

Organizing an HTML page

1. Start with content. What do I want on my page? List and quantify the pieces of content. This helps to think what kinds of HTML5 content you're gonna have. Don't need to list every piece of content; just think of structural elements and the outlines that's going to create for assisted technologies, etc.
2. Sketch it up, according to graphical needs.
3. Decide which tags you're gonna use for what content.
4. Code away!

Some of the biggest questions:

• Does it start a new section? Y-Is it major navigation?
  
• Choosing the right structural element

Most important: Use tags consistently across the site and the application.

http://code.google.com/p/h5o : Different sites for HTML5 outlining

More about structure:

• use the id attribute as a unique identifier. Value must be unique.