Tuesday, July 10, 2012

What's different in HTM5 and HTML4?

So far we have used HTML4 for designing both static and dynamic web pages. But recently there was a breakthrough with the introduction of latest and powerful HTML5 in the web industry. HTML5 is basically a new version of HTML and XML where is comes with numerous features such as Video Playback, Drag and Drop, API's, Form Control and Multimedia.Compared to HTML4, it has brought a new page structure rather than using header and footer ID's, we can directly use <header> and <footer> tags and much more.









Without going into much description, let us check out the differences between HTML4 and HTML5 in following tabular manner.












HTML4HTML5
DOCTYPE is much longer as HTML4 is based on SGML-based.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
DOCTYPE is required to enable standards mode for HTML documents.

<!DOCTYPE html>
Audio and Video are not the partAudio and Videos are integral part of HTML5 specifications e.g. <audio> and <video> tags
It is almost impossible to get true GeoLocation of user browsing any website especially if it comes to mobile devices.JS GeoLocation API in HTML5 helps identify location of user browsing any website
Browser cache can be used as temporary storage.Application Cache, Web SQL database and Web storage is available as client side storage. Accessible using JavaScript interface in HTML5 compliant browsers.
Works with all old browsersMost of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.
Does not allow JavaScript to run in browser. JS runs in same thread as browser interface.Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5
Web Sockets are not available. Generally used mechanisms are long polling and streaming.Full duplex communication channels can be established with Server using Web Sockets. Accessible using JavaScript interface in HTML5 compliant browsers.
Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc.Vector graphics is integral part of HTML5 e.g. SVG and canvas


Although, I'm very new to HTML5, just like a newbie. If you find anything wrong in above differences, do correct me there.



Thank You!



Tags: ,

0 Responses to “What's different in HTM5 and HTML4?”

Post a Comment

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

© 2013 Coolpctips. All rights reserved.
Designed by SpicyTricks