HTML5 Tutorial


HTML5 : What is html 5 ?

A better performer with better features and the successor of its previous version, HTML4. It can do many things which it's predecessor couldn't. So, what is HTML5 and what are it features, its advantages over the previous version. We will find out these questions in this tutorial. Stay with us.

HTML5 is the latest version of the most important language in the web development, HTML.

It is not plain HTML like its previous version, it is now a combination of Cascading Style Sheet(CSS), JavaScript and HTML. These languages combined together forms HTML5 and give various attractive features like, HTML5 can do form validation without writing JavaScript code. The code is unbuilt in the HTML5 tags and attributes and can perform validation on their own.

What's so great about HTML5?

HTML5 can do various things without requiring any additional add-on, plugins or softwares. It can play audio, video, animation without any help from other softwares. Before HTML5, Flash by Adobe was the most famous software to run multimedia content on the browser but HTML5 removes the need of Flash from the web.

HTML5 is free to use and anyone from anywhere in the world can use and develop websites on their own without paying any royality or fee to anyone. It is also cross-platform, i.e., it can run on almost any browser, on any smartphones, tablet, laptop, notebook, anything. HTML5 introduces many new tags and attributes which we will discuss in the tutorial further. These tags and attributes provides new features and technology that allows the programmers to create powerful web sites and web applications.

HTML was just used for web pages layout structuring but now as HTML5 has arrived it can be used to write various web applications. It can handle HD videos and high end graphics also.

New features in HTML5

  • Semantics: These elements helps the programmers to describe the content of the website more preciously.
  • Multimedia: Can manage multimedia content easily on the web.
  • 2D/3D graphics and effects: It offers great 2D and 3D rendering features.
  • Connectivity: Provides new ways to communicate with the server.
  • Offline storage: Websites work efficiently offline because of storage of data is allowed in the client side machine..

HTML5 suported browsers

Well, in present times, almost all browsers supports HTML5. Browsers like Edge, Google Chrome, Opera, Firefox are the leading browsers in the market. Even on Android platform, all browsers supports HTML5 features. Chrome and Firefox are the leading browsers that supports most of the HTML5 features followed by Safari and Edge. HTML5 is continuously evolving and browsers need to be updated to perform efficiently with HTML5.


There are so many advantages of HTML5 over HTML, let's see what they are-

One of the most impressive advantage that HTML5 has over HTML is that it supports high level audio and video content which was absent in the previous version.

  • New features like SVG, canvas and other virtual vector graphics are supported by HTML5, whereas HTML only supported vector graphics and that also with the help of technologies like Flash, Silverlight, etc.
  • HTML5 is not based on Standard Generalized Markup Language(SGML). SGML is a standard for defining markup language. As HTML5 is not based on it, therefore does not require a reference to a DTD.
  • Inline MathML(Mathematical Markup Language) and SVG are allowed to be used in text in HTML5 whereas it was not possible in HTML.
  • Some of the deprecated elements that have now been dropped completely from HTML are: isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike, tt.
  • There are new form control attributes and input elements in HTML5 for example: email, number, range, url, search etc.
  • There are semantic elements introduced in HTML5 - header, footer, section, article, etc.
  • Other new elements are : figcaption, summary, time, aside, audio, command, data, datalist, wbr, figure, article, canvas, mark, meter, nav, output, progress, rp, rt, ruby, source, track, video, details and more

Color Picker

List of color names supported by all browser »

Character Code

List of character codes to display special character »

Language Code

List of all language supported by all browser »

Country Code

List of Country code supported by all browser »

Latest Updates

PHP Introduction

How to Run a PHP program in Xampp?

How can I create a phpinfo.php page?

How to Define a Variable in PHP

PHP Echo and Print Statements

Working with PHP Operators

Understanding the PHP Data Types

How to Write Comments in PHP

How to Define a Constant in PHP

PHP if...else...elseif Statements