HTML5

What is HTM5 and How it is different from HTML4 and XHTML?

HTML5



HTML5 is the latest revision of html4 and xhtml with strict standards. HTML5 has introduced new tags like audio, video, input fields, graphical elements and many more. You can see them in HTML5 Elements Page. But for now we will discuss HTML5 that; 

 What is HTML5 and how to make a website using HTML5?
Is HTML5 easy to learn and how long does it take to be expert in HTML5?

How different is HTML5 from XHTML?

The major different between both is the document type which defines that what kind of document is running.

 XHTML Document Type examples are as below;

 1-  XHTML 1.0 Strict

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

2- XHTML 1.0 Transitional

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

 3- XHTML 1.0 Frameset

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"

 You can use document type as per your requirement. Document Strict is highly recommended if you are using xhtml.

 If you are using HTML5 then you must add HTML5 document at the top of the page. HTML5 document type is mentioned below;

 !DOCTYPE html 

 Note! don't forget to add less than sign and greater than sign in start and end of your document type.

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