HTML5 Basics And Its Features

Introduction

HTML is a language for describing the structure of Web pages. HTML stands for Hyper Text Markup Language. Web pages consist of markup tags and plain text. HTML5 is the next generation of HTML.

HTML5

Since the early days of web, there have been many versions of HTML.

Version

Year

HTML

1991

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML

2000

HTML5

2014

Background

The HTML5 work stems from the WHATWG ( Web Hypertext Application Technology Working Group), HTML and their focus is the development of HTML and APIs for web applications.

What is HTML5?

HTML5 is the new standard for HTML. The previous version of HTML, HTML4.01, came in 1999. The web has changed a lot since then. HTML5 is still a work in progress. HTML5 has defined a new standard for HTML, XHTML, and the HTML DOM.

HTML5 is not something completely new. Most of the HTML5 specifications came from HTML or HTML1.0. A web browser can read HTML files and compose them into visible or audible web pages.

Features in HTML5 are

  • The DOCTYPE declaration for HTMl5 is very simple, <!DOCTYPE html>
  • The character encoding<meta charset=”UTF-8”>
  • New function for embedding audio(<audio>), video(<video>), graphics(<svg> and<canvas>)
  • Client-side data storage
  • Interactive documents
  • New structural elements <article> ,<header>,<footer>,<nav>,<section>,and<figure>
  • New from control calendar, date,time,email,url,search
  • Java script enhancement
  • New HTML5 API’s
  • HTML Geolocation, HTML Drag And Drop, html local storage, HTML Application Cash, HTMl Web Workers, HTML SSE

HTML5 Browser support

The latest versions of Apple Safari, Google Chrome, Mozila Fierbox, Opera, and Microsoft Internet Expoler 9.0 along with Microsoft Edge, all support many of the new HTML5 features.

In addition, the mobile web browsers that come pre-installed on iPhones, iPads, and Andriod phones all have support for HTML5.

Specific browsers

  • IE9+(Windows
  • Firefox3.0+(all operating systems)
  • Safari3.0+(Windows, OS X, and iphone OS1.0)
  • Chrome 3.0195
  • Opera 9.5

Example program

  1. <!DOCTYPE html>  
  2. <html>  
  3.   
  4. <head>  
  5.     <title> MY FIRST HTML5 DOCUMENT</title>  
  6. </head>  
  7.   
  8. <body>  
  9.     <p>THIS IS NEW HTML5 DOCUMENT</P>  
  10. </body>  
  11.   
  12. </html>  

The result will be

HTML5

Conclusion

I hope this blog is very useful. Please share your feedback.

Thank you for reading.