Rocking HTML Series Part I : Basic Introduction of HTML and HTML 5



Oh, yeah, readers as we have promised you to offer more cool series based articles, so here we are back with the Rocking HTML Series. So, in this series, we will cover different shades of hypertext markup language and try to gain a better knowledge of it.

What Is A HTML?

For the starters, HTML is everywhere on the world wide web. Almost all the web pages are written on one of the variations of HTML. It is a very known markup language as even the non-programmer has some idea about it. So, in simpler words, HTML developer ensures that links, images, and text are properly aligned on the website.

HTML was introduced by W3C or the World Wide Web Consortium in 1997. This markup language started the culture of tags as all the elements of the text are enclosed in the <tags>. Such as paragraph, headings, tables etc. It is the responsibility of the web browser to read these tags and interpret the result accordingly.

But, this whole enclosure of text in the tags is a very troublesome process and there are higher chances of errors present. So, W3C developed the style sheets to reduce this cumbersome process. Like, in <FONT> to style font in heading tag <H1> is sufficient instead of long series of tags.

So, just like this from time to time new updates can be seen in the HTML. The current prevailing variation of HTML is HTML 5. HTML 5 Is still a primary markup language, but it has numerous new features. The basic difference between HTML and HTML 5 can be that in HTML audio and video has no prominent part, but in HTML 5 they are very prominent.

Vibrant Difference Between HTML & HTML 5

The biggest reality of the technology industry is that no language or software can invade the upgradation process. As with the change in time, the needs and requirements of the users change as well and to retain the user’s new updates are vital. That’s why W3C constantly keeps on improving the HTML to provide the dynamic web experience to the developers. And, for that their recent initiative is HTML 5, which has plenty of new features such as:

Virtual Vector Graphics – In HTML 5, SVG, canvas and other virtual vector graphics can be easily implemented. Whereas in HTML, to use the virtual vector graphics help of the conjunction of different technologies like Flash, VML, and Silver-light, etc.

Memory Storage – HTML 5 opt for web SQL database and application cache to store the temporary data. But, HTML has only relied on the web cache for the storage purpose.

JavaScript – The another big difference between the two variations of HTML is that the later version won’t allows JavaScript to run within the web browser. But with the latest version, JavaScript can easily run in the background of web browser and all the credit goes to the JS web worker API of HTML5.

No SGML – Advanced version of HTML doesn’t run on SGML. That results in improved parsing rules which eventually means more compatibility.

MathML & SVG – HTML 5 fully supports the inline MathML and SVG, whereas this wasn’t possible in the older version of HTML.

Few Features Are Eliminated – From the HTML 5 few features of HTML are totally tarnished. Such as index, noframes, acronym, applet, base font, dir, font, frame, frameset, big, center, strike, tt.

New Controls – Some new controls are introduced in the HTML 5, like dates and times, email, number, range, tel, url, search etc. Apart from controls, some new and improved features are added to the HTML clan. For example, summary, time, aside, audio, command, data, data list, details, embed, wbr, figcaption, figure, footer, header, article, group, bdi, canvas, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, track, video.

What Has HTML 5 Stored Up For Developers?

Okay, so developers new and improved version of HTML 5 has following surprises stored up for you in the warehouse:

  • Earlier, developers have to create improved error handling processes via the marvels of reverse engineering to handle errors. But, with the HTML 5 this problem has been resolved.
  • In HTML 5, to improve code insinuation, high level of improvement in the semantic elements of different elements have been done.
  • The dynamic support to the web applications has been provided.
  • Creating mobile based websites become easy with the HTML 5.
  • Introduction of canvas element:

<canvas id=”TestCanvas” width=”200″ height=”100″></canvas>

var c = document.getElementById(“TestCanvas”);

var context = c.getContext(“2d”);

context.fillStyle = “#FF0000”;


  • Newly added <menu>:

<body contextmenu=”new-menu”>

   <menu id=” new-menu” type=”context”>




So, folks world wide web revolves around the HTML family, that why stay tuned to known more about this markup family.

About the author

Arpit Agarwal

I am a freelancer content writer, web developer and Video editor who loves to write technical stuff and on the other hand makes awesome videos as well. I like to make people happy with my writing and also try to make sure, you come back to read more.

By Arpit Agarwal

Most common tags

%d bloggers like this: