What is new in HTML 5


This article explain about the new features that are introduced in HTML 5. New features like Web workers, Local storage, Geolocation and many more interesting are part of HTML 5

What is new in HTML 5


HTML (Hyper Text Markup Language) is a markup language to format the webpage. Websites can be created just by using HTML. It is simple and easy to learn. HTML 4 has been around so many years and lots of web sites are created just by using HTML. HTML 5 has lot of features which includes form controls, APIs, multimedia and many more features which are previously dependent on Adobe and Microsoft Silverlight

HTML 5 is still in draft version. The final version may add or remove elements and attributes. HTML 5 is designed to support the previous version elements and attributes. However some of the elements and attributes are removed from the HTML 5

Background of HTML 5


Web Hypertext Application Technology Working Group (WHATWG) and World Wide Web consortium (W3C) is working on standardizing the process. Some of the features are standardized and released and it is implemented in some of the browsers. HTML 5 is still at the Draft stage.

Features in HTML 5


HTML 5 includes support for new DocType, Charset, New Elements, Dynamic pages support, Canvas, Video, Audio and new structural and inline elements. HTML 5 has lot of improvements and lots of changes compared HTML 4.

Developers have lot of opportunity to utilize the API's, Offline application cache. Using HTML5 developers can directly connect to the database using java script instead of server side code to access the database.

HTML 5 local storage


Local Storage is one of the most exiting features in HTML 5.HTML 5 provides a space for the browsers to store persistent data. HTML 5 new storage mechanism will keep persistent data in client machine and it can be accessed by java script and Flash. It is similar to session which will clear the data when the browser is closed, but HTML 5 local storage will keep the data in client machine. Local storage can be accessed by all the browsers where as Session can be accessed only the browser where the session was created.

HTML 5 introduced Database storage to check the structured data in local database in SQL Database. It is used to store temporary data and the data are not encrypted and it can be accessible by everyone. Modern browsers will utilize and improve the Database feature in the future.

HTML 5 Video element


HTML 5 Video element is used to embed the video files without any plug-in. If the browser is not supported then it will ignore the video element. HTML5 video will understand the video files based on the language of the video. Codec is used to read the video streams from the video file. Flash codec which costs money and it is supported in Safari browser where the other codec is free which works in browsers like Mozilla Firefox and Chromium.

HTML 5 Web Workers


HTML 5 supports multiple processes like the windows operating system where more than one processes can be running in the background. Multiple threads can be working in the background without freezing the browser user interface. If the browser supports web worker API then it will be available in global Window object.

HTML 5 Offline Web application


HTML 5 supports working with web applications in offline. The browser will download the required HTML files, image, script and other files required for the offline-enabled web site. Browser will identify the offline mode and you can revisit the web site when you are in offline. The modified files will be uploaded the remote server when you are in online.

HTML 5 Inline Elements


HTML 5 adds new inline elements additional to the one which is present in HTML 4. It adds mark, time, meter and progress. Mark is used to highlight the text, time element will allow to display the time which can be recognized in html, meter element is used for numeric value and in order to specify the meter element we need to mention value, min, low, high and max, usually it is used for scoring mark. Progress is used to show the progress bar of a ongoing action in a web page like a file upload or download and many more new elements are included in HTML 5. Most of the new elements are already provided by 3rd party tools

HTML 5 new Attributes


HTML5 added many new attributes for the existing elements. Form attributes for input, output, textarea, button elements can be place outside the form element. Many new global attributes are added in HTML 5 like spellcheck which will tell you that whether a spellcheck is required or not for the particular element, contenteditable will hint you that the element is in an editable area, context menu attribute is to point a context menu given by the author.


Related Articles

HTML5 Form elements tutorial for HTML tags

Are you searching a tutorial which gives you complete description about HTML5. Here in this tutorial of HTML5 you will read about the form elements generally used in webpages and their validation through HTML5.

More articles: HTML 5 HTML 5

Comments

Guest Author: Pravesh Singh26 Nov 2011

One of the most important features in HTML5 was its database specification . This lets a web application create and use a local database, which means it can work without an internet connection, and even more importantly, it's way faster than before.
for more interview question on html5 visit this link...
http://www.mindstick.com/Interview/1290/What%20is%20new%20in%20HTML%205

Guest Author: Harikumar29 Apr 2014

It is very hard to keep up to date with latest programming technologies. They keep changing often. By the time you learn HTML 5, the new HTML 6 will come up. And this will go on for ever. I think it is high time to introduce some sort of time constraints. The programming technologies shouldn't change for atleast 5 years!



  • Do not include your name, "with regards" etc in the comment. Write detailed comment, relevant to the topic.
  • No HTML formatting and links to other web sites are allowed.
  • This is a strictly moderated site. Absolutely no spam allowed.
  • Name:
    Email: