Post
Ask Question

HTML5 Basics And Its Features

HTML5 Basics And Its Features

 
HTML is a language for describing the structure of Web pages. HTML stands for HyperText Markup Language. Web pages consist of markup tags and plain text. HTML5 is the next generation of HTML.
 
HTML5
 
Since the early days of the 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, Mozilla Firefox, Opera, and Microsoft Internet Explorer 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.     <head>  
  4.         <title> MY FIRST HTML5 DOCUMENT</title>  
  5.     </head>  
  6.     <body>  
  7.         <p>THIS IS NEW HTML5 DOCUMENT  
  8.         </P>  
  9.     </body>  
  10. </html>    
The result will be
 
HTML5
 

Conclusion

 
I hope this blog is very useful. Please share your feedback.
 
Thank you for reading.