Saturday, February 11, 2012

Advantage and disadvantage of HTML 5


Introduction to HTML 5
HTML 5 is the latest version of HTML It is the combination of HTML and XHTML. We can say that it is enhance version of HTML. It has developed to reduce development time and cost and also make web development a simple thing. The dependency over coding will reduce by using HTML 5. And dependency over plugin (Flash , Silverlight) will reduce by using some new tags of HTML 5(Audio, Video, Canvas etc).
Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like <nav>, <header>, <footer>, and <figure>.
The HTML 5 group has constructed with some technology giant company like Google, Aol, IBM, Apple etc.

Advantages of HTML 5 
There are so many advantages of HTML 5 .Some of them are

Less dependency over External Plugin:-
There are many new multimedia handeling tags are incorporated in HTML 5. So the dependency over third party plugin has reduced. Using HTML tag we can play a high quality audio or video in our web page.

Cleaner markup / Improved Code
HTML 5 will enable web designers to use cleaner, neater code, we can remove most div tags and replace them with semantic HTML 5 elements.

Better semantics
HTML 5 is example of semantic HTML. Tags are more meaningful ,and also they represent meaningful data. Now it is easy to see which parts of the page are headers, nav, footers, aside, etc as the tags are specific for these all and most importantly know what their meaning and purpose is in whole the format. By using HTML5 elements we can increase the semantic value of the web page as the codes are very standardized.

Form element
The form elements set are robust in HTML 5. So dependency over JavaScript and other validation function has reduced. Using HTML 5 we can validate user’s form natively, No need to JavaScript function. But java script is necessary for those browser which do not support HTML 5 widely.

Consistency
As websites adopt the new HTML5 elements we will see more greater consistency in terms of the HTML used to code a web page on one site compared to another. This will make it more easier for designers and developers to immediately understand how a web page is structured. And it will helpful to farther maintenance.

Basic need of web application
Many new features and standards have emerged as part of HTML 5. Once you detect the available features in today’s browsers, you can take advantage of those features in your application. Main focus of HTML5 is to make easier application with easy front-ends, drag and drop tools, discussion boards, wikis and other useful elements.

Offline cache
Browser has some capability of offline cacheing. When you visit website and press browser’s back button then the page may not open if the internet connection has terminated. So internet connection is very much needed to visit website.
But beauty of  HTML 5 is that you can visit the webpage even in offline if is developed in HTML 5. HTML 5, thankfully, provides the smarter solution. While building the site, the developer can specify the files that the browser should cache. So, even if you refresh the page when you are offline, the page will still load correctly. This sort of caching has several advantages like offline browsing, files load much faster and reduced load on server and it will save bandwidth also.

Client side storage.
Basically we know client side temporary storage means cookie and session. While cookies have been used to track unique user data for years, they have serious disadvantages. The largest flaw is that all of your cookie data is added to every HTTP request header. And when a new HTTP request has generate it send the cookie information too to server, This can end up having a measurable impact on response time. So a best practice is to reduce cookie size.  With HTML5 we can do better  by using  sessionStorage and localStorage(two different storage in HTML5) in place of cookies. It is not a permanent database, but enables you to store structured data, temporarily.


Great for Mobile Devices and PDA
HTML5 could be the solution to faster applications that will be accessible universally across all mobile phones. And other PDA device is going to support HTML 5

Support of Geolocation
With help of Geolocation any one can find out where you are in the world and sharing that information with people. There is different ways to figure out where you are — your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites in the sky. But The new HTML5 geolocation APIs make location, whether generated via GPS or other methods, directly available to any HTML5-compatible browser-based application.
These are some advantages of HTML 5 among many more.  As HTML 5 is in development phase ,so more advantage may come out. It is assuming that it will complete within 2022, and the web developer are very hopeful with it.

Disadvantage of HTML

Browser Support

HTML 5 is the latest version of HTML The predecessor of HTML was HTMLàHTML 2.0àHTML 3.2 àHTML 4.01à HTML 5.
It is the combination of HTML and XHTML. We can say that it is enhance version of HTML. It has developed to reduce development time and cost and also make web development a simple thing. The dependency over coding will reduce by using HTML 5. And dependency over plugin (Flash , Silverlight) will reduce by using some new tags of HTML 5(Audio, Video, Canvas etc).
Some of the new features in HTML5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML5 also contains new elements like <nav>, <header>, <footer>, and <figure>.
The HTML 5 group has constructed with some technology giant company like Google, Aol, IBM, Apple etc.
Advantages of HTML 5 
There are so many advantages of HTML 5 .Some of them are
Less dependency over External Plugin:-
There are many new multimedia handeling tags are incorporated in HTML 5. So the dependency over third party plugin has reduced. Using HTML tag we can play a high quality audio or video in our web page.
Cleaner markup / Improved Code
HTML 5 will enable web designers to use cleaner, neater code, we can remove most div tags and replace them with semantic HTML 5 elements.
Better semantics
HTML 5 is example of semantic HTML. Tags are more meaningful ,and also they represent meaningful data. Now it is easy to see which parts of the page are headers, nav, footers, aside, etc as the tags are specific for these all and most importantly know what their meaning and purpose is in whole the format. By using HTML5 elements we can increase the semantic value of the web page as the codes are very standardized.


Form element
The form elements set are robust in HTML 5. So dependency over JavaScript and other validation function has reduced. Using HTML 5 we can validate user’s form natively, No need to JavaScript function. But java script is necessary for those browser which do not support HTML 5 widely.
Consistency
As websites adopt the new HTML5 elements we will see more greater consistency in terms of the HTML used to code a web page on one site compared to another. This will make it more easier for designers and developers to immediately understand how a web page is structured. And it will helpful to farther maintenance.
Basic need of web application
Many new features and standards have emerged as part of HTML 5. Once you detect the available features in today’s browsers, you can take advantage of those features in your application. Main focus of HTML5 is to make easier application with easy front-ends, drag and drop tools, discussion boards, wikis and other useful elements.
Offline cache
Browser has some capability of offline cacheing. When you visit website and press browser’s back button then the page may not open if the internet connection has terminated. So internet connection is very much needed to visit website.
But beauty of  HTML 5 is that you can visit the webpage even in offline if is developed in HTML 5. HTML 5, thankfully, provides the smarter solution. While building the site, the developer can specify the files that the browser should cache. So, even if you refresh the page when you are offline, the page will still load correctly. This sort of caching has several advantages like offline browsing, files load much faster and reduced load on server and it will save bandwidth also.

Client side storage.
Basically we know client side temporary storage means cookie and session. While cookies have been used to track unique user data for years, they have serious disadvantages. The largest flaw is that all of your cookie data is added to every HTTP request header. And when a new HTTP request has generate it send the cookie information too to server, This can end up having a measurable impact on response time. So a best practice is to reduce cookie size.  With HTML5 we can do better  by using  sessionStorage and localStorage(two different storage in HTML5) in place of cookies. It is not a permanent database, but enables you to store structured data, temporarily.


Great for Mobile Devices and PDA
HTML5 could be the solution to faster applications that will be accessible universally across all mobile phones. And other PDA device is going to support HTML 5
Support of Geolocation
With help of Geolocation any one can find out where you are in the world and sharing that information with people. There is different ways to figure out where you are — your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites in the sky. But The new HTML5 geolocation APIs make location, whether generated via GPS or other methods, directly available to any HTML5-compatible browser-based application.
These are some advantages of HTML 5 among many more.  As HTML 5 is in development phase ,so more advantage may come out. It is assuming that it will complete within 2022, and the web developer are very hopeful with it.

Disadvantage of HTML

Browser Support

HTML5 is not yet an official standard,as it is in development phase so no browsers have full HTML5 support.
But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions. So to view web page developed with HTML 5 user need to update their browser.
HTML browsers are incapable of scaling (zooming or resizing) pages – except for the Opera browser, which is only one we know of capable of scaling pages.
When using smaller monitors and lower resolution, one of the most important disadvantages of HTML will fully apply: browsers cannot scale HTML pages that means a zooming, a proportional changing of the presented size of a page is technically impossible. That means that a page can only be shown in one original format and that any change of the page size impossible. Here, browsers are clearly inferior to any word processing or DTP software. This is (not the only) important disadvantage of HTML, of which most people are not even aware when using internet browser on the daily basis.
I think it is only disadvantage of HTML 5

1 comment:

  1. Pretty section of content. I simply stumbled upon your site and in accession capital to say that I get actually loved to account your blog posts.
    PHP Training in Chennai

    ReplyDelete