Merge pull request #8734 from Narcos101/Narcos101-patch-1

Difference between HTML & HTML5

Web_Development/FrontEnd/HTML_Difference_between_HTML_&_HTML5/README.md

@@ -0,0 +1,57 @@
+# Difference between HTML and HTML5
+
+- HTML:- 
+Also known as the Hyper Text Markup Language. It is the skeleton like a human body on which different elements can fitted to make a webpage. Mainly used to design web pages. Hypertext defines the link between the web pages .The language uses tags to define what changes need to be done on the text within the tags eg:-  the `<p>` tag for displaying the content in a paragraph format, the `<strong>` tag for displaying it in a bold format. It is used for structuring and presenting the content on the web pages.
+
+ - HTML5 :- It is nothing but the latest or the fifth version of HTML. It has many added features with old features either removed or modified.
+
+### Difference
+Lets compare them on the basis of some points
+
+
+1.Browser Compatibility:-
+Html works on old browsers. HTML5 is supported by all new browsers like chrome,safari,Mozilla firefox etc.
+
+
+2.Storage:- 
+Cookies were used to store temporary data earlier but now sql databases,application cache are now used to store data. 
+
+
+3.Multimedia Support:- 
+In Older versions of html, audio and video were supported only with the use of adobe flash player support while Html5 now supports the use of tags like `<audio>` which defines a audio file and `<video>` tag for defining a video file.
+
+
+4.Vector Graphics:- 
+It was possible with the help of technologies like VML,SilverLight,Flash etc in old versions of HTML, but now in Html5 it is an integral part of Html5 with new tags like `<svg>` which is container for SVG graphics and `<canvas>` for rendering dynamic bitmap graphics like games,graphs.
+
+
+5.Running JavaScript:- 
+JavaScript can be now run in the background due to JS Web worker API in HTML5 earlier it is cannot be executed in the browser. 
+
+
+6.Drawing Shapes:- 
+Html5 now allows us to draw shapes like rectangle,circle,triangle with the help of tags like `<circle>`,`<rect>` used in svg graphics etc.
+
+
+7.Error handling:-
+Html couldn't handle inaccurate syntax but html5 can!
+
+
+8.Doctype Declaration:- 
+Html's Doctype declaration was too long and complicated but html5's doctype declaration is simple and easy to understand.
+
+
+9.Mobile Friendly:-
+Html5 is mobile friendly and we can add responsiveness to our websites while html is not mobile friendly.
+
+
+10.Additional features-
+Specific tags for webstructure like `<article` for representing a independent piece content of document, `<nav>` represents the section for the navigation bar,`<header>` represents the introductory part ,`<footer>` represents the section for the information about the author,copyright info etc. `<section>` represents the generic section for any document. These tags are newly introduced in html5. We can now use drag and drop effects in html5. Other than that attributes of charset,async,ping are now a part of a html5. Inbuilt `<time>` tag for displaying date and/or time are some of the many other tags introducted in HTML5.
+
+
+
+
+References:- 
+[Geeksforgeeks](https://www.geeksforgeeks.org/difference-between-html-and-html5/)
+[JavaTpoint](https://www.javatpoint.com/html-vs-html5)
+[Youtube](https://www.youtube.com/watch?v=vHmUVQKXlVo&ab_channel=edureka%21)