There has been lots of hype surrounding HTML 5 and its new, more semantic markup. While HTML 5 is available to use now, it’s not supported by many major browsers, most notably Internet Explorer. However there are a few solutions to this to help you start using this now.

Over the next week we will be completing a simple template in HTML 5 and taking you through each step to get started. One of the first things to know are the NEWLY supported HTML 5 tags you can use. So here we go: -

• <article> Defines an article
• <aside> Defines content aside from the page content
• <audio> Defines sound content
• <canvas> Defines graphics
• <command> Defines a command button
• <datalist> Defines a dropdown list
• <details> Defines details of an element
• <embed> Defines external interactive content or plugin
• <figcaption> Defines the caption of a figure element
• <figure> Defines a group of media content, and their caption
• <footer> Defines a footer for a section or page
• <header> Defines a header for a section or page
• <hgroup> Defines information about a section in a document
• <keygen> Defines a generated key in a form
• <mark> Defines marked text
• <meter> Defines measurement within a predefined range
• <nav> Defines navigation links
• <output> Defines some types of output
• <progress> Defines progress of a task of any kind
• <rp> Used in ruby annotations to define what to show browsers that to not support the ruby element.
• <rt> Defines explanation to ruby annotations.
• <ruby> Defines ruby annotations.
• <section> Defines a section
• <source> Defines media resources
• <summary> Defines the header of a “detail” element
• <time> Defines a date/time
• <video> Defines a video

While these are all of the new HTML 5 Tags as of now, we will only be using a few of the above to create our template but its always a good idea to get an understanding of what each tag represents and can therefore be used within elements you need as and when you like.

Tomorrow we will be looking at what is needed to get our HTML 5 to be rendered by older and unsupported browsers like Internet Explorer.

Tomorrow – HTML5 Workarounds

Related posts:

1. HTML 5 Tutorial – Workarounds
2. HTML 5 From Start to Finish
3. HTML 5 Demos
4. HTML5 Template – Tutorial
5. A Simple HTML5 Template Tutorial

Posted By: Martyn

Hi, I'm Martyn, the Lead Designer for Web Design GM and really hope you find my existing and upcoming articles useful. Please leave comments below and I will try to respond to any questions as soon as possible.

Visit Authors Website

Tags: HTML Tags, HTML5

This entry was posted on Monday, April 26th, 2010 at 3:16 pm and is filed under HTML, Tutorials, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.