HTML5 Tags

& What to Use Them For

"HTML 5," you say, "Great! But when do i use what tag? and what do they mean?"Here's a handy guide for you to follow:

<header>

the header for the page (not to be confused with

<head>

)

<hgroup>

Groups a set of <h1> to <h6> elements when a heading has multiple levels

<nav>

contains the navigation area. still use

<ul> / <ol> & <li>

, inside this tag though.

<section>

A generic section of a document that dosent denote a specific type of content (think a replacement for

<div>

)

<article>

specifies independent, self-contained content… like an newspaper article… a essentially a special type of

<section>

… think blog post

<aside>

An section of a page like a sidebar that is related to content near it. Another specialized <

<section>

-type tag

<figure>

for content, like illustrations, diagrams, photos, code listings, etc.

<figcaption>

Defines a caption for a

<figure>

element

<footer>

the section of the document that contains the footer