You may not realise it but you are probably already using a browser that
is compatible with HTML 5. It is estimated that about half of all
Internet users are already using browsers which are ready for HTML 5.
Firefox (version 3.5 and higher), Chrome, Safari and Opera are the most
popular of these HTML 5-compatible browsers, though the support is
partial at this stage. Microsoft's Internet Explorer 8 also has support
for many of HTML5 features.
HTML 5 was developed give developers more flexibility, do more things
in-house and enable more exiting and interactive websites and more
powerful and efficient applications. It brings HTML up to date in terms
of what developers have been struggling to do with HTML4 via plugins
etc., including managing data, drawing, video and audio, and to provide
websites that deliver what the users want better and faster. It will
eventually make it easier for developers to develop cross-browser
applications for the Web and portable devices.
HTML 5 introduces lots of new tags and enhancements for a wide range
of features including form controls, APIs, multimedia, structure,
database support and faster processing. Note that the specification is
still being worked on and it could be some time before it is completed,
completely and universally adopted and recognised as a common standard
by all browsers. User will of course have to update their browsers to
benefit form the enhanced features.
Benefits of HTML5?
A major benefit is better Direct HTML Support for Drawing, Animation, Video and Audio
A major benefit is better Direct HTML Support for Drawing, Animation, Video and Audio
Drawing, Video and Sound - Web Developers have been
increasingly trying to create applications which display fluid
animations, stream video, play music and integrate with Social Network
sites such as Twitter and Facebook. In most cases they could only
provide these things by learning and applying add-on tools included
Flex, Flash or Silverlight or building complex javascript tools. This
increased the complexity and the time it took to develop the Web
Applications. HTML 5 changes this with DOM and HTML support, (without
the plugins and 3rd party programs) for video and audio embedding,
high-quality drawings, charts and animation and many other types of rich
content demanded by users.
- The new canvas element provides developers with a very powerful and very simple way to using pure Javascript to draw diagrams, graphics and dynamic animations on a web page. A good example is Mozilla’s BeSpin tool that is written in Javascript and HTML 5. Developers can use stand-alone HTML to create sites with interactive pictures, animation, charts and graphs, game components, and whatever else they by directly developing the program code and user interaction.
- The new HTML 5 video element makes it just as easy to embed video elements on a web page as it has been to embed images using HTML4 and the older HTML standards. Again no plugins, or 3rd party software attachments are required. It includes timed playback and other great new features.
Geolocation
The new HTML 5 geolocation APIs make location, whether generated via
GPS or other methods, directly available to any HTML 5-compatible
browser-based application. A good example is the Google Latitude for the
iPhone. This is a pure Web App not a platform-dependent iPhone
application.
Client-side database
Client-side database
HTML 5 provides a new SQL-based database API that can be used for
storing data locally, that is client side. You get fully defined and
structured database storage. This allows a developer to save structured
data client-side using a real SQL database. It is not a permanent
database, but enables you to store structured data, temporarily. The
data can be accessed to support the web application and it can even be
accessed when the client is disconnected for a short period of time.
This database can be used to store e-mails or shopping cart items for an
online shopping site.
Offline Application Cache
Offline Application Cache
An offline application HTTP cache that can be used to make sure
applications are available even when the user is disconnected from their
network. All browsers have a cache but they have been very unreliable
for delivering whole pages and applications. Mostly the browser would
not cache the page properly and so you would be unable to view the page
when you disconnected from the Internet. HTML 5 provides a smart
solution by allowing a developer can specify the files that the browser
should cache while online. So, even if you reload the page from the
cache when you are offline, the complete page will still load correctly.
Thread-like Operation
Thread-like Operation
Web workers is a tool for spawning background threads to speed up the
browse application processing. The API allows developers to make
background workers that run scripts simultaneously to the main page
script. This allows for faster thread-like processing with coordination
via message-passing mechanisms.
Smarter forms
Smarter forms
HTML 5 offers enhanced forms with improvements to text inputs, search
boxes and other fields and provides better controls for validating
data, focusing, interaction with other page elements on the page and
various other improvements.
Sharper focus on Web application Requirements
Sharper focus on Web application Requirements
HTML 5 is aimed at making it easier to build search front-ends,
wikis, real-time chat, drag-and-drop tools, discussion boards and many
other modern web elements into any site, and have them work more
efficiently.