Post
Ask Question

HTML5 vs HTML4.01

Introduction

 
Everyone loves the internet and on the internet what they love most is web access, and programmers and developers like to develop these websites and related things using many functionalities and languages. 
 
The most used and loved language in this scenario is HTML, because of its simplicity.
 
What will happen if HTML is made easier, more precise and functionally stronger?
 
HTML5 and HTML4.01
 
Yes, changes are already being made in the old HTML4.01 that gives birth to HTML5, a language that is easier, stronger and better. It can change the entire development scenario.
 
This article will compare a little bit between the old and the new, on some basis. 
 

HTML5 | Introduction

 
HTML5 impacts simplicity, organization, and construction to increase the efficiency and the simplicity of designing or working on any website's framework. The actual markup required to manage or build a page depends on the globally used W3C standards. This standard believes in linking or binding all required supportive elements (languages), like CSS, JavaScript, AJAX, XML and so on.
 
HTML5 Introduction
 
(In this chart diagram I only representing some major requirements, in spite of these there are several other elements that can be used to support HTML.)
 

HTML5 | Requirement

 
In the current scenario, we go through every type of user, like smartphone users, tablet users, laptop users, tablet users and some are still using old versions of internet accessing devices. Whenever they access any website from any of the devices they want it is more reliable, easier loading, less bandwidth and most important, well designed and fully featured.
 
Features that can be done include:
  • User-Friendly
  • Ease Of Access
  • More Reliable
  • Modified Framework
  • Supportive Tags
  • Decreases Programming work

HTML5 | Solving Challenges

 
So depending on the changing needs of the website user we also need to change our development strategies, methods and make them more users friendly. From user-friendly, I mean more compact, adjustable and attractive along with ease of access.
 
All these can be done through a property called "Responsive Website". This property can be easily and more passionately done using HTML5.
 

HTML5 | Saving Time

 
In general HTML programming includes a Document Type Declaration (Doctype). This is not a mandatory part of HTML, some of us also don't like to write or include it during programming in HTML.
 
1. HTML4.01 vs. HTML5
 
In HTML4.01 we specify a Doctype element like this
 
<! Doctype html ”-//W3C//DTD HTML4.01 Transitional//EN”>
 
But in HTML5 we declare this element as
 
<!Doctype html>
 
2. HTML4.01 vs. HTML5
 
In HTML4.01 we generally need to mention a complete referenced tag line for enabling the functionality of JavaScript or External CSS.
 
For example: For enabling JavaScript functionality we do
 
<script type=”text/javascript” src=”abc.js”> </script>
 
But for HTML5 we only specify a source, not the type, as in
 
<script src=”abc.js”> </script>
 

HTML5 | Tags

 
HTML5 makes our work easier and more precise using several new tags, these tags directly work without any link or reference.
 
For example
 
For including a structuring element and navigation or any other section in our HTML page we need to create divisions or the margins for that so that these can work properly in HTML4.
 
Like
  1. <html>  
  2.    <head>  
  3.       <title></title>  
  4.    </head>  
  5.    <body>  
  6.       <div class="header">  
  7.          <div class="nav">  
  8.             <ol class="nav-list">  
  9.                <li><a href="cshub.somee.com" title="Cshub" alt="Cshub">IT Encyclopedia </a></li>  
  10.                <li><a href="picmaniac.brinkster.net" title=" Picmaniac" alt=" Picmaniac">Pic Maniac  
  11.                   </a>  
  12.                </li>  
  13.                <li><a href="jaiswalabhishek.blogspot.in" title="Google Says" alt=" Google Says">Google  
  14.                   Says </a>  
  15.                </li>  
  16.             </ol>  
  17.          </div>  
  18.       </div>  
  19.    </body>  
  20. </html>  
Whereas using HTML5 we can do that as:  
  1. <html>  
  2.    <head>  
  3.       <title></title>  
  4.    </head>  
  5.    <body>  
  6.       <header>  
  7.          <nav>  
  8.             <ol id="nav-list">  
  9.                <li> <a href ="cshub.somee.com" title="Cshub" alt="Cshub"> IT Encyclopedia </a></li>  
  10.                <li><a href ="picmaniac.brinkster.net" title=" Picmaniac" alt=" Picmaniac"> Pic Maniac </a></li>  
  11.                <li> <a href ="jaiswalabhishek.blogspot.in" title="Google Says" alt=" Google Says"> Google Says </a></li>  
  12.             </ol>  
  13.          </nav>  
  14.       </header>  
  15.    </body>  
  16. </html> 
 


Similar Articles