Html vs Html 5


  • Now that we know what is HTML and what is HTML5, we can look at how the most recent version evolved from its predecessor.
  • The first rudimentary version of HTML was “created” in 1993, with HTML 2.0 coming in 1995. Try to remember the first website you’ve ever seen.
  • Do you see how advanced the new websites are compared to the ancient ones?
  • It’s staggering. Creating something modern using the rudimentary versions of HTML would be extremely hard, if not impossible. The technology to do it simply wasn’t there in the old days, so support for it was similarly lagging.
  • As the capabilities of computers and the Internet grew, developers all over the world continuously reworked HTML with a single goal. To make sure that they can improve website capabilities.
  • After HTML 2.0 came HTML 3.0 in January 1997, but it stayed only a short while (around 11 months), HTML4 came to life.
  • HTML4 was created in 1997 by W3C (World Wide Web Consortium) recommendation and stayed as the foundation of the Internet for more than 17 years (much longer than its predecessors). In 2014, HTML5 was created and developers started to develop websites using it soon after. Another difference between HTML and HTML5 is that it has been decided not to have any more versions. That is HTML5 is here to stay and will have only some features updated along the way, but there will not be HTML6 (at least there are no plans for it now).

  • But let’s get into details: how was HTML5 adapted to deal with web usage changes?

Better Error Handling

  • One of the key differences between HTML and HTML 5 (we’re using HTML for all older HTML versions and HTML 4 in particular) is better error handling. Why was it needed?
  • Well, unfortunately, nobody can write a code that would never break. Not yet at least.

Improved Semantics

  • A complicated website can get intimidating. Different elements all over the place, hundreds, thousands, hell, maybe even hundreds of thousands of them.
  • The intention behind the change is to make both writing and proof-reading HTML easier.

Mobile Support Improvements

  • In 2014, when HTML5 was introduced, we lived in an entirely new world. The smartphone coupled with the 4G Internet became a powerful force in everyone’s pocket.
  • This shift caused the most welcome difference between HTML and HTML5 — improved mobile support.
  • That’s where HTML5 made life easier for developers all over the world to create mobile-friendly websites.

Video and Audio Support

  • The way it treats audio and video is yet another difference between HTML and HTML5.
  • In 1997, with dial-up connection speeds and computers less powerful than a modern toaster, it was fine that HTML4 didn’t seamlessly support audio and video on websites.
  • In 2014 and even 2019? It’s entirely different. The Internet is much faster, audio and video content is incredibly important. It’s well-known that podcasts and various forms of video content perform better than the written word in most cases.

Vector Graphics Support

  • One more difference between HTML and HTML5 is the latter’s vastly improved vector graphics support, which is one of the tools used to make websites more beautiful on a variety of devices.And HTML5 supports vector graphics and the .svg format, while HTML4 did not.

HTML5 Compatibility 

A huge positive difference between HTML and HTML5 is its increased compatibility.

html 1  

Difference between HTML and HTML5 - Netflix  










html 5 :- current pages

Comments

Post a Comment

Popular posts from this blog

CSS

Image
IT is a language that describes the style of an HTML document and describes how HTML elements should be displayed. When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process. To solve this problem, the World Wide Web Consortium (W3C) created CSS.CSS removed the style formatting from the HTML page! power of css                               A CSS rule-set consists of a selector and a declaration block                                                                     -ref in w3 school- There are the following three types of CSS: Inline CSS.(using in html elements) Internal CSS.(using in html head part) External CSS.(using in addisanal sheet)
Read more

Bootstrap

Image
BOOTSTRAP   Bootsrap is framework of css.there are many frame to css.UIkit, Semantic UI, Bulma ,Tailwind etc. It is very easy to use.   If you’re not familiar with how a framework like Bootstrap works, a few code examples will help, so you can see how easy it is to build maintainable interfaces by editing nothing but HTML.   Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins   Bootstrap also gives you the ability to easily create responsive designs same bootstrap class are    forms :-.text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body color/often black) and .text-light   buttons :-.btn   tables :-table   navigation:-nav   image:-.img-thumbnail,.rounded-circle
Read more

Mongodb

Image
Basic commands on mongo shell  Show all available databases:  show dbs;  Select a particular database to access, e.g. mydb. This will create mydb if it does not already exist:   use mydb;  Show all collections in the database (be sure to select one first, see above):  show collections;  Show all functions that can be used with the database:  db.my db.help();  To check your currently selected database,use the command db  > db  mydb db.dropDatabase() command is us ed to drop a existing database.  db.dropDatabase() insert collection  We add tworecords to our collection test as: >db.test.insert({"key":"value1","key2":"Val2","key3":"val3"})  WriteResult({ "nInserted" : 1 }) > db.test.insert({"key":"value2","key2":"Val21","key3":"val31"})  WriteResult({ "nInserted" : 1 })  If we see them via find, they will look very
Read more