What is HTML5 and Why we need it?

-

What is HTML5 and Why we need it?


HTML5 is the revision of XHTML and W3C is already working on it's update and HTML5.2 is under process. Sooner they will start working on HTML5.3. Further details about the version up-gradation or other relevant things can be read at World Wide Web Consortium's official website. 

What is XHTML & how it is different from html?

XHTML stands for Extensible Hyper Text Markup Language. HTML 4.01 was the previous version of XHTML. XHTML used to set some standards for coding. Before XHTML, there was no rule to close the tags, use the proper tags with starting and closing tags as well as lowercase rule.

 XHTML raised the level of standards and strict the developers to code as per W3C rules, which will be easy for browsers to understand and act accordingly. 

 Mobile apps demands are increasing day by day and to make an attractive mobile app we mostly use Html5 and css3. Html5 is the basic need in mobile application development. As we all know that if we want to make some mobile application then we need HTML5 and CSS3 to make our mobile application smooth and interactive. HTML5 is known as semantic coding and browser friendly markup language which includes different new elements and attributes.

In HTML5 we use different document type (“!doctype”) which shows the document type. To create a beautiful, synthetic HTML5 based website you must understand about it's latest elements update. W3C has introduced some new elements and removed some previous elements like font tag and other tags.

List of common HTML5 Elements

<header id = ”header”> Header < / header >

< div id = ”nav” > Navigation < / div >

To

< nav id = ”nav” > Navigation < / nav >

< div id = ”main” > Main < / div >

To

< section id = ”Main” > Main < / section >

< div class = ”aside” > Aside < / div >

To

< aside class = ”aside” > Aside < / aside >

< div id = ”content” > Content < / div >

To

< article id = ”content” > Content < / article >

<  div id = ”sidebar”  > Sidebar < / div >

To

<   aside id = ”sidebar”  > Sidebar < / aside >

These were the basic tags that has replaced many elements and also gave the meaning to the markup and tells the browser that this specific part is related to its relative attribute.
Just like that Css (Cascading style sheet) was the earlier version that can change the markup styles with different styling methods. Methods are;

Inline Style

Internal Style Sheet

External Style Sheet

Just like HTML5, CSS3 has also introduced some new features to style a web page and make the website more attractive and easy to use. Css3 carries different properties with different entities. Look at the following example of new properties of css3;

  1. Border-radius
  2. Box-shadow
  3. Gradient or backgrounds
  4. Text Shadow
  5. Box-sizing and Model Box
  6. 2d / 3d transformations
  7. Transitions and Animations

We can curve the borders, give them styling as we need. Before CSS3 we have to manage border radius through background structure but thanks to WWW that they made our lot of work in just two three lines of code using CSS3. We can move text with transitions and animations by using these properties and also we can give our website an attractive look.

Comments

Post a Comment

Please leave your comments or feedback at here....

Popular posts from this blog

What is Heading in html and how to add h1 in a web page or post?

-
Image
What is Heading in html and how to add h1 in a web page or post? Heading is the most important part of our website. It helps us in search engine optimization. It shows that there is some title to specific post. It behaves like a name to some post. It also express that what may be the article downwards or what can be the content that will be under it. It summarize the content. Like if someone come and open google and type there "List of restaurants in NY", Google will show the details about the particular search and will show a list of pages which will have the same text in their title. This was the simplest example for heading, which clearly shows that headings play an important role in getting traffic. List of Heading Tags h1 - The biggest heading in font size and line height h2 - Smaller than h1 h3 - Smaller than h2 h4 - Smaller than h3 h5 - Smaller than h4 h6 - Smaller than h5 We can utilize these headings like this; <h1>Your Heading</h...
Read more

What is the difference between HTML4 and HTML5?

-
Image
What is the difference between HTML4 and HTML5? The main difference in HTML4 and HTML5 are the document types. HTML4 has three different document types whether HTML5 has only one document type. The example of HTML4 document types are as follow; 1- Transitional Doctype: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" 2- Frameset Doctype: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd" 3- Strict Doctype: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" HTML5 is the latest revision of XHTML that supports the latest browsers. It is quite helping for browsers to understand the latest techniques like flash, animations, audio and videos etc. HTML5 is also said to be the semantic coding that is helpful in SEO. It's mostly using...
Read more

What is img tag and how to add src (source or path) in html website?

-
Image
What is img tag and how to add src (source or path) in html website? Images are the best option to increase the SEO and the importance of your website. The text you type may be consists of hundreds and thousands words but a small picture can illustrates all the meaning to your post. It is really very simple to add images using "img tag". Image has some compulsory attributes that includes, width, height, src and alt as well. These are the mandatory attributes for showing an image in your website. You can assign width, height and also add the path in img src using src attribute which demonstrates the location of your image. We use image tag to include an image to the post or a page. This image tag consists of “src, width, Height and Alt” attribute that gives the identity to the image that how much the width and height this image contains and what is the alternate text of the image. Alternative text is very important for SEO (search engine optimization) purposes. There ...
Read more