HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. Its goal is to reduce the need for proprietary RIA technologies, which include the likes of Adobe Flash, Microsoft Silverlight and Sun JavaFX.

The ideas for the revised HTML began all the way back in 2004 by the WHATWG and are just now making way. Although parts of the revision have been completed and are ready for use, it is an ongoing work that is expected to continue for many years to come.

It certainly features a number of new elements and attributes that will assist modern web sites. Some of the basic elements that have been added include semantic replacements for common uses of generic block and inline elements. Other elements will work with standardized interface like <audio> and <video> elements.

As you learn HTML 5, you will find there are some elements that have been dropped from HTML 4.01. One such feature is the presentational elements of <font> and <centers> which are now achieved using CSS.

HTML 5 canvas example - Super Mario Bros

To see a live preview of this please CLICK HERE. Isn’t it just amazing to see were the future of HTML 5 is heading.

Another Canvas example this time showcasing a First Person Shooter using HTML 5 canvas elements again pictured below:

HTML 5 canvas - Fisrt Person Shooter

To see a live preview of this example CLICK HERE.

AS HTML 5 is still a work in progress we here at HTML 5 Tutorial are still trying to get a grip on the upcoming canvas elements and properties, so please bare with us as we are in the process of creating some HTML 5 canvas tutorials, these should be ready in the coming weeks, so bookmark us and check back soon.

HTML5 / HTML 5 is about to change the way we go about implementing Audio into websites and apps with this tag= <audio> this new tag will enable us to play Audio natively from your preferred browser, we are still a while away from all browsers supporting HTML 5 however you can use the Safari browser which is already taking advantage of html 5.

• <span>src</span> – a valid URL specifying the content source.
• <span>autobuffer</span> – a boolean specifying whether the file is to be buffered in advance.
• <span>autoplay</span> – a boolean specifying whether the file should play as soon as it can.
• <span>loop</span> – a boolean specifying whether the file should be repeatedly played.
• <span>controls</span> – a boolean that if set tells the browser to display its default media controls.

As you will notice from the above attributes, these tags usually control video content, this is a great move forward many sites rely on Audio within their websites, not everyone has adobe flash installed this can often lead to a higher bounce rate. Anyhow we will keep you posted on this matter.

The picture below represents how a HTML 4 page would look.

HTML 4 structure

And the picture below represents how a HTML 5 page would look.

HTML 5 structure

As you can see above the page is very simple yet also very clean, HTML 5 has plenty of new elements which effectively make it easier to structure pages and also helps browsers have more control as to how the web pages are displayed. Once all the big named browsers are compatible with HTML 5 you should notice faster loading times, easier navigation and much richer content.

We will create a tutorial for the above layout shortly so that you can get a grip on the new coding.

HTML 5 is going to be he next biggest thing since sliced bread(pardon my lame phrase it’s getting late) the new standard of code is going to allow for website developers, web masters and newcomers to create rich feature packed websites, not only websites in general HTML 5 can even be used to make desktop applications, online applications.

If your even slightly interested in making websites or applications then you really should learn HTML 5, the code itself is not all that different from the current code, all tho as this is a huge update to Hyper Text Markup Language there are plenty of new features and a whole lot of extra coding, it may sound a little scary at the moment as there are not many sites actually using HTML 5 this will start to change in the coming months. The reason not many sites are using HTML 5 already is due to the fact that only 2 out of about 20 different browsers can understand the new HTML 5 markup, In the coming weeks we will be making a HTML 5 website so that you can see just what it is capable of (you will need to download the Safari browser in order to view our HTML 5 examples).

We will be adding HTML 5 tutorials every few days so please come back shortly and you can learn HTML 5 with us.

Some people believe that HTML 5 coding is only being introduced to make browsers manufacturers (browser/ software companies) while other webmasters see this as a great step forward to being able to develop more powerful multimedia. HTML 5 will change the way we work with general HTML as the soon to be standard code is not just a markup from HTML 4 but more that of a new language, HTML will make life easier for everyone including not just browser manufactures but also developers, there are already some example JavaScript applications and APIs using the upcoming HTML5 code.

Most HTML based websites are using HTML 4 as we speak but this will start to change over the coming months and years, up until now the HTML code has hardly evolved from HTML 2.0 only some issues were addressed with the release of HTML 4 along with a small amount of new code references, HTML 5 is based from HTML 4 but in it’s own right it will be completely different and will change the way your browsers render websites on your PC screen, HTML 5 will rely heavily on JavaScript, should you have JavaScript turned off the website / pages are unlikely to render correctly.

Please check back soon as we will have a more detailed look into the new code.