HTML stands for Hyper Text Markup Language. It is used to design web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. A markup language is used to define the text document within tag which defines the structure of web pages. This language is used to annotate (at the note for computer) text so that a machine can understand it and manipulate text accordingly. Most of the markup (e.g. HTML) languages are human readable. The language uses tags to define what manipulation has to be done on the text. It is used for structuring and presenting the content on the web pages. HTML5 is the fifth version of HTML. Many elements are removed or modified from HTML5.
There are many differences between HTML and HTML5 which are discussed below:
|It didn’t support audio and video without the use of flash player support.||It supports audio and video controls with the use of <audio> and <video> tags.|
|Vector graphics is possible in HTML with the help of various technologies such as VML, Silver-light, Flash, etc.||Vector graphics is additionally an integral a part of HTML5 like SVG and canvas.|
|It does not allow drag and drop effects.||It allows drag and drop effects.|
|Not possible to draw shapes like circle, rectangle, triangle etc.||HTML5 allows to draw shapes like circle, rectangle, triangle etc.|
|It works with all old browsers.||It supported by all new browser like Firefox, Mozilla, Chrome, Safari, etc.|
|Older version of HTML are less mobile-friendly.||HTML5 language is more mobile-friendly.|
|Doctype declaration is too long and complicated.||Doctype declaration is quite simple and easy.|
|Elements like nav, header were not present.||New element for web structure like nav, header, footer etc.|
|Character encoding is long and complicated.||Character encoding is simple and easy.|
|It is almost impossible to get true GeoLocation of user with the help of browser.||One can track the GeoLocation of a user easily by using JS GeoLocation API.|
|It can not handle inaccurate syntax.||It is capable of handling inaccurate syntax.|
|Attributes like charset, async and ping are absent in HTML.||Attributes of charset, async and ping are a part of HTML 5.|
There are many HTML elements which have been modified or removed from HTML5. Some of them are listed below:
|<applet>||Changed to <object>|
|<acronym>||Changed to <abbr>|
|<dir>||Changed to <ul>|
|<strike>||No new tag. CSS is used for this|
|<big>||No new tag. CSS is used for this|
|<basefont>||No new tag. CSS is used for this|
|<font>||No new tag. CSS is used for this|
|<center>||No new tag. CSS is used for this|
|<tt>||No new tag. CSS is used for this|
Many new elements are added in HTML5 like nav, audio, figcaption, progress, command, time, datalist, video, figure, meter, data, section, time, aside, canvas, summary, rp, rt, details, wbr, header, footer, keygen, embed, article, hgroup, bdi, mark, output, source, track, section, ruby and many more.
- Difference between <nav> and <menu> tag in HTML5
- Difference between XHTML and HTML5
- How to define a container for an external (non-HTML) application using HTML5?
- What is the difference between <html lang="en'> and <html lang="en-US'> ?
- How to make bubble background using HTML5 and CSS3?
- HTML5 | Video
- HTML5 | Audio
- How to change the font of HTML5 Canvas using a button in Angular.js?
- HTML5 Game Development | Infinitely Scrolling Background
- HTML5 | Mathematical operators
- HTML5 | MathML <menclose> Tag
- HTML5 | <footer> Tag
- HTML5 | Semantics
- HTML5 | <details> tag
- HTML5 | <aside> Tag
- HTML5 | <dialog> Tag
- HTML5 | article tag
- HTML5 | <meter> Tag
- HTML5 | date attribute in <input> Tag
- How to add video in HTML5 ?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.