HTML5 is the latest version of HTML, the markup language used to build structure or content on World Wide Web. HTML5 is the latest web standard by W3C. Earlier HTML was used only to build webpage structure, but HTML5 is a full on package to build websites, handle presentation, add functionalities and Web APIs.
HTML5 is the recommended version to build modern web applications as it is light and fastest version of Hypertext Mark up Language, the code that describes web pages. HTML5 was formed in 2011.
Html5 is the combination of three web technologies:→
HTML → to build webpage structure,
CSS → to enhance look and feel( presentation layer), and
HTML5 has been designed to deliver almost everything you'd want to do on web without requiring additional software such as browser plugins. It does everything from animation to apps, music to movies, and can also be used to build complicated web applications that run in your browser.
HTML5 isn't proprietary, so you don't need to pay royalties to use it. It's also cross-platform, which means it doesn't care whether you're using a tablet or a smart phone, a net-book, notebook, ultra-book or a Smart TV if your browser supports HTML5, it should work flawlessly.
HTML5 Changed Elements
These elements were already there in HTML4/XHTML. But in HTML5, the definition or usage has been changed.
- a tag is now Hyperlink, not anchor
- a tag
<a>can have both inline and block child elements.
- b tag is offset text conventionally styled in bold
- i tag is offset text conventionally styled in italic
- u tag is offset text conventionally styled with an underline
- cite tag is cited title of work
- hr tag is Thematic Break, not Horizontal Rule
- input tag is Input Control.
- meta tag is meta data.
- s tag is struck text.
- small tag is small print.
- dl tag is description list, not definition list.
HTML5 Browsers Support
HTML5 is supported by latest browsers only. The first browser support of html5 was seen in 2011. Here is the list of supported browsers for html5.
- Chrome 4 and above
- Firefox 3.6 and above
- Opera 11 and latest versions
- Safari 5.1 for Mac, Iphones and Ipads
- Internet Explorer 9 and above
- Edge 12 and above Browsers
New Features in HTML5 includes semantic tags, media tags (Audio & Video), Canvas, SVG, Geolocation, Web Storages, etc. Here is a complete list of HTML5 Features.
|New Semantic Tags||<header>, <nav>, <section>, <article>, <footer> etc.|
HTML5 New Tags
|Audio and Video||<audio> & <video> Html5 Audio Video Tutorial|
|New Form Controls||New attributes, New input types, progress bar etc. HTML5 Form Tutorial|
|SVG||<svg> Tag for vector based drawings, shapes, pie and bar graphs, maps etc. SVG Tutorial|
|CSS3||New Selectors & properties for better styling, transition, transformation, animations, embedded fonts, filters, multi-column layouts and responsive web design. Css3 Tutorial|
|Geolocation||To Detect user physical location. Html5 Geolocation|
|Web Storage||To store upto 5mb data on front end either as local or session storage. Local and Session Storage|
|Microdata||To tell search engines our page structure.|
HTML5 Doctype is short, and easy to remember. Unlike, HTML4 and XHTML, there is no DTD. As per W3C, same doctype will be used in later versions of HTML.
<!DOCTYPE HTML> // New and shorter Doctype, no DTD Required
Default Template for HTML5 based websites.
<!doctype html> <html lang="en"> //lang embedded in html <head> <title>HTML5 Page</title> <meta charset="utf-8"> //Short charset meta tag <link href="style.css" rel="stylesheet"> //No Type attribute <script src="file.js"></script> //No Type attribute required </head> <body> <h1>My First HTML5 page.</h1> </body> </html>