HTML5 Tutorial

Introduction to HTML5

  • HTML5 is a markup language that came into existence around January 2008.
  • It is a revision of the HTML standard.
  • HTML5 is a standard which is used for structuring and presenting the content on the World Wide Web.
  • Two major organizations W3C (World Wide Web Consortium) and WHATWG (Web Hypertext Application Technology Working Group) have developed HTML5.
  • HTML5 supports all the latest browsers.
  • HTML5 is designed in such a manner that it is backward compatible with the existing web browsers.
  • New features are built on the existing ones which allow you to provide fallback content for the older browsers.
  • Support can be detected for HTML5 features by using a few lines of JavaScript.

Features of HTML5

Following are some of the new features that have been introduced in HTML5 recently are:

1. New Semantic Elements – Some new elements such as <header>, <footer> and <section> are added to HTML5.
2. Forms 2.0 – The web forms are improved by introducing some new attributes for the <input> tag.
3. Persistent Local Storage – This storage is achieved without resorting to the third- party plugins.
4. WebSocket – It is used as a next-generation bidirectional communication technology for the web applications.
5. Server–Sent Events – Events introduced by HTML5 which flow from the web servers to the web browsers and they are known as Server-Sent Events(SSE).
6. Canvas – It is a drawing surface which supports two-dimensional drawing that can be programmed with JavaScript.
7. Audio & Video - Audios and videos can be added to the web pages without resorting to the third-party plugins.
8. Geolocation - Physical location of the visitors can be shared with the web applications.
9. Microdata – It helps in creating own vocabularies and extend the web pages with custom semantics.
10. Drag and drop – This feature helps in dragging and dropping items from one location to the other on the same web page.