×

Archive

What is Differance Between HTML 5 and HTML

Introduction

HTML is a type of markup language. It is the most commonly used markup language It encapsulates, or “marks up” data within HTML tags, which define the data and describe its purpose on the web-page.. There were many updates to HTML in the past. HTML 5 is its most recent update. In this article we will highlight the difference between HTML and HTML 5, the most recent and advanced version of HTML.

HTML roots are from an older markup language that was used in document publishing, called SGML (Standard Generalized Markup Language). Like SGML, HTML uses tags to provide formatting features such as this is bold, which would cause the text within the starting b tag and ending b tag to render as bolded text. Notice the difference between the first and second tag; the second tag has a slash (/) to indicate that it’s an ending tag. Many but not all HTML tags have a matching end tag. HTML tags such as
and did not have ending tags because the
just rendered a line break, and the tag just rendered an image.

What is HTML?

The HTML was only used in the above to mark up the text for the browser to read and interpret as web page content. HTML forms the crux of the world wide web along with CSS and JavaScript.  Therefore web browsers use HTML to interpret and formulate text, images and other material into web pages. In addition Hyper Text Markup Language characterizes the structure of a web page and includes prompts of the appearance of the document

Upgrading Older HTML versions

  • HTML1.0 : It is the most basic version of HTML it was introduced with very limited features. In other words there is not much you could do to your web page with this version.
  • HTML2.0 : This version of HTML has served its purpose quite well but after that the designers demanded more control over their web pages and more ways enhance the look of their website. Which HTML 2.0 failed to do.
  • HTML3.0 : It has often referred to documents having tags specific to browser rather than documents that cling  to HTML 3.0 draft. Above all, HTML 3.0 being so big also led to its expiration.
  • HTML4.0 : Another version of HTML but even this had its limitations. Browsers like Netscape have not done great in implementing many features of HTML 4.0. Web Pages that included HTML 4.0 specific tags would look good in explorer but were a disaster in Netscape.
  • XHTML : It doesn’t have many new tags that comes with it, i was introduced to cope up with new browser technologies. It is not an extensible language and cannot be parsed into many browsers.

What is HTML 5?

HTML5 is that the fifth and therefore the current prime version of hypertext mark-up language customary, and comprehends XHTML. it had been initial released for public facing on twenty second Gregorian calendar month 2008. HTML5 is meant to reinforce the language to support latest multimedia system and different new optionsto stay the language simply decipherable for humans also as computers, internet browsers etc.

It includes elaborate process models to uplift repose operable implementations, it extends and enhances markup on the market for documents.

Differences between HTML and HTML5

HTML5 is not completely different from HTML. It is similar to HTML but it’s just a more advanced version of it. HTML5 is HTML with more new features and advances. Here are the differences they share:

Attribute

HTML 5

HTML

Remarks

Tags: Allows <audio> & <video> tags

✔️

❌

<audio> & <video> tags are new features of HTML5 where it’s not supported in HTML.

One can draw various shapes

✔️

❌

We can draw many shapes like circle, square, triangle in HTML5 but not in HTML.

In HTML5 JavaScript can run in the background of the browser itself

✔️

❌

JavaScript can run in the background of the browser through JS Web Worker API. not supported by html

Mobile friendly and Responsive

✔️

❌

HTML5 is more mobile friendly compared to previous HTML versions .

Support vector graphics and charter

✔️

❌

HTML supports vector graphics only with the help of flash, VML etc but in HTML 5  we can use virtual vector graphics without them.

Simple and easy doc-type declaration

✔️

❌

Doc-type declaration is too complicated in HTML unlike in HTML 5

Uses SQL databases and Application Cache to store data

✔️

❌

HTML uses cookies to store data but HTML 5 uses SQL databases and Application Cache

Easy character encoding

✔️

❌

Character encoding very complicated in HTML but is a lot easier in HTML 5

Presence of charset, ping, async attributes

✔️

❌

These attributes are absent in HTML but their presence in HTML 5 makes it very easy for web developers.

Drag and drop effect

✔️

❌

HTML doesn’t support drag and drop effect whereas HTML 5 does.

Presence of few old elements

✔️

❌

Despised elements like big, center, frame, noframe, frameset, tt, strike, basefont, aaplet, isindex, dir, font etc are withdrawn.

Parsing rules and compatibility

✔️

❌

HTML has very less efficient parsing rules and outdated compatibility across various platforms

Tracking Geo Location of a user

✔️

❌

Geo Location of a user can be tracked with the help of JS Geolocation API in HTML5 but it is next to impossible in HTML.

Optimized mathematical notations

✔️

❌

HTML5 presents mathematical notations better than previous versions using MathML.

Improved input attributes and form controls

✔️

❌

HTML5 allows better input attributes and form controls like time, date, URL, search, email, number, range etc but these are absent in HTML.

Inherent error handling

✔️

❌

Persistent error handling saves a lot of time and money in HTML 5 However HTML doesn’t have error handling feature.

Tag <canvas> element

✔️

❌

Using <canvas> element user can draw graphics making usage of Adobe Flash old hat.

Here with us elyspace.com support all versions of html’s