HTML 5 Tutorial – Tags

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: -
HTML5

  • <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 –

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

Tags: ,

Leave a Reply

Contact Us Today...

For more information regarding any of our services or to arrange a free consultation simply send us a message or call 02920 290 080 for Cardiff and 01179 000 482 for Bristol.

Firefox 4 Beta

Mozilla have released the first beta version of Firefox 4. The latest version of this browser will include better support for many of the new web technologies, a new add on manager, crash protection from third party plugins and accelerated hardware support. One of the most obvious changes is that the tabs have now been moved [...]
» more

Cardiff: 02920 290 080 Bristol: 01179 000 482