HTML5 Introduction

Hungarian version!

HTML5 is a significantly revised next generation of the HTML which last bigger modification was in 1999. HTML5 development was started in 2004 by WHAT Working Group (Web Hypertext Applications Technology Working Group). It’s an unofficial open Association of the Web Innovating interested people. Their goal is the development of standards in virtue of HTML and the related technologies of the HTML which facilitate the making of platform independent Web applications. In 2006 the W3C (World Wide Web Consortium) has been associated to this group.

The main designing goals of the HTML5 are the following:

  • Reduce the numbers of the plugins (e.g.: Adobe Flash, Microsoft Silverlight) reducing together with the errors from the incompatibility too.
  • Better error handling/recovery realization that the browsers do not have run their own error handling routine and don’t handle the HTML encoding errors as a catastrophic failure.
  • Realization of the device and platform independence in point of desktop and mobile devices aswell.
  • The increase of scripting.
  • The development of HTML5 has to be open and transparent their result has to be available on forums and mailing lists before the release of the standard so it can be formed to the needs of the web using audience.

New functions:

•    The <canvas> is a resolution-dependent bitmap canvas
•    Video and audio components to play
•    The HTML5-container: we store the data in the user’s computer (like cookie) but without size restrictions
•    Offline web applications
•    Geolocation
•    New form controls

HTML5 is still unfinished. Completion of the standard is expected in 2014. But the most of modern browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) supports the HTML5.

Test your browser!

Maybe the best tool for this is a JavaScript Toolkit named Modernizr which can be download for free from here: http://www.modernizr.com  Its job is to give full report from the HTML5 abilities. Its use is quite simple:
After the download we put the script into our webpage Header range.

<script type="text/javascript" src="modernizr.js"/>

After that we have to do the state monitoring of given features with a simple Boolean (True/False) object.

<script type="text/javascript">
if (Modernizr.webgl)
{
document.writeln("Your Web Browser supports the WebGL function");
}
else
{
document.writeln("Your Web Browser doesn't support the WebGL function");
}
if (Modernizr.canvas)
{
document.writeln("Your Web Browser supports the Canvas technology!");
}
else
{
document.writeln("Your Web Browser doesn't support the Canvas technology!");
}
</script>

More useable attributes (the full list can be available here: http://www.modernizr.com/docs/)

  • modernizr.fontface –  the examination of unique fonts support
  • modernizr.audio  – the examination of the newly introduced audio tag support
  • modernizr.video – the examination of the newly introduced video tag support
  • modernizr.webgl – the examination of the webgl support
  • modernizr.canvas – the examination of the canvas support

The simplistic code looks out like this:

 <script type="text/javascript" src="modernizr.js"></script><script type="text/javascript">
 if (Modernizr.webgl) { document.writeln("Your Web Browser supports the WebGL function"); } else { document.writeln("Your Web Browser doesn't support the WebGL function"); } if (Modernizr.canvas) { document.writeln("Your Web Browser supports the Canvas technology!"); } else { document.writeln("Your Web Browser doesn't support the Canvas technology!"); }
 </script>

Can be available here: http://goo.gl/LZkS4

For a more detailed result visit this: http://html5test.com/

Source:

http://hu.wikipedia.org/wiki/HTML5

http://dev.w3.org/html5/spec/Overview.html?true

Creative Commons Licenc
HTML5 Introduction meg a Creative Commons Nevezd meg! – Ne add el! – Így add tovább! 2.5 Magyarország Licenc alatt van.
Permissions beyond the scope of this license may be available at https://html5.ugyesen.com.

You may also like...