Ravi Rathore's Blog

What are the difference between HTML and HTML5

Ravi Rathore's photo
Ravi Rathore

Table of contents

Are you new to web development ? First of all congrats and wishing you a successful journey ahead. Now let's back to the point. If you are learning HTML, you must have heard the term "HTML5". So are you learning HTML or HTML5.

difference between HTML and HTML5.webp

Well, both are almost 90% similar to each other. If you are well aware about HTML, then its a very good thing that you are just a step behind in mastering the HTML5.

But before dive in deep, I'll just give a simple introduction of HTML.

What is HTML :

HTML stands for Hyper Text Markup Language. I know you must know about that and this is not a new thing. But you know what is the actual meaning of it. If you know, that's a good thing and if you don't, just keep reading it.

If you focus on word "Hyper Text Markup Language", there is a word Markup Language. Actually our computers only understands three types of languages :

  • Markup Languages (HTML,XML,XHTML etc.)

  • Programming Languages (C,C++, Python etc.)

  • Scripting Languages (PHP, Ruby, JavaScript)

So next time if you give any instructions to your system, like Play Music or multiplications of 2 numbers or anything, it would be definitely from one of above languages mentioned.

Markup Language is also a computer language that uses Tags to define elements within a document.

<p>, <h1>, <img>

These are the example of elements. Some tags have both Opening and Closing tags and some don't have.

So Whatever text, images or links you see on a web pages, is possible because of HTML. So without HTML, there is no use of CSS, JavaScript or any other languages that used to build a website.

I hope you understand about HTML. Now lets learn what HTML5 gives you as compared to previous version. Let's discuss it :

  1. Audio/Video Support :

    Earlier before HTML5, we can't use audio/video functionality directly. For achieving this, we would use Flash Player Support. Now with the help of new tag that was introduced by HTML5, you can use tag like this
    <audio>, <video>

2. Drag and Drop Features :

In most of the websites, you must have used the functionality of Drag and Drop. It is possible because of HTML5.

3. Creating Shapes :

Now you can create shapes like rectangle, triangle, circle, Trapezoid easily.

4. Semantic Tags :

For a better SEO score, you must use these semantic tags.

<header>,  <nav>,  <main> , <section> , <footer>, <aside>

It you use these tags, the Google Bot will quickly understand each and every part of our websites.

5. Much Faster :

It is efficient, flexible and more fast if we compared to previous versions of HTML

However, these are not limited to above advantages. This list is long enough than you think :

  • We can track the GeoLocation of a user easily

  • More language friendly

  • Doctype declaration is quite simple

  • More mobile-friendly

  • Supported by all new modern browser

HTML5HTMLsemantichtmldifference between html and html5