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.
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.
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
No comments:
Post a Comment