HTML5 – Introduction


What is HTML5 ?

HTML5 is the latest version HTML4.

HTML5 is the markup language for the structure, presentation and action of World Wide Web contents.

HTML5 provides the structure of the WebPage.

CSS Cascading Style Sheet provides the presentation of the WebPage.

JavaScript provides the action to make things happen in the WebPage.

What is the DOCTYPE used in HTML5 ?

<!DOCTYPE html>

What is meta tag in HTML5?

Meta tag provides the meta-data of the HTML document.

Meta-Data will be of descriptions, keywords, author, modified time etc.

Meta-Data will not be displayed in the WebPage but its values are internally parsed.

Meta-Data will be used by the browsers, search engines and other web services.

What is meta charset in HTML5?

Meta charset attribute specifies the character encoding for the HTML5 document.

<meta charset="character_set">

where as in HTML4 the charset is defined as


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Tutorial on html !!!

Click to Learn More about – HTML Tutorial for beginners

What is the basic structure of HTML5 ?

Here is the basic structure of HTML5 with tags.

Example :

<html>
        <head>
                <title>Your Webpage Title Goes Here</title>
        </head>
        <body>
                <header>
                        <nav>
                        </nav>
                </header>
                <main>
                <nav>
                </nav>
                <article>
                        <aside>
                        </aside>
                        <section>
                        </section>
                        <address>
                        </address>
                </article>
                <aside>
                        <section>
                        </section>
                </aside>
                </main>
                <footer>
                        <address>
                        </address>
                </footer>
        </body>
</html>

What is the difference between HTML4 and HTML5 ?

HTML4 :

HTML4 will not support audio and video without the use of flash player.

HTML4 uses cookies to store temporary data.

HTML4 will not allow JavaScript to run in browser.

HTML4 allows Vector graphics only with the help of other technologies such as VML, Silver-light, Flash, etc.

HTML4 will not allow drag and drop effects.

HTML4 will not allow to draw shapes like circle, rectangle, triangle etc.

HTML4 will work in all old browsers.

HTML4 older version is less mobile-friendly.

HTML4 doctype declaration is too long and complicated.

HTML4 will not contain elements like nav, header etc.

HTML4 character encoding is long and complicated.

HTML4 will not support to get true GeoLocation of user with the help of browser.

HTML4 will handle inaccurate syntax.

HTML5 :

HTML5 supports audio and video controls with the use of <audio> and <video> tags.

HTML5 uses SQL databases and application cache to store offline data.

HTML5 allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5.

HTML5 vector graphics is additionally an integral part.

HTML5 allows drag and drop effects.

HTML5 allows to draw shapes like circle, rectangle, triangle etc.

HTML5 is supported by all new browser like Firefox, Mozilla, Chrome, Safari, etc.

HTML5 language is more mobile-friendly.

HTML5 doctype declaration is quite simple and easy.

HTML5 provides new elements for web structure like nav, header, footer etc.

HTML5 character encoding is simple and easy.

HTML5 allows to track the GeoLocation of a user easily by using JS GeoLocation API.

HTML5 is capable of handling inaccurate syntax.

What are the features of HTML5 ?

Some of the features of HTML5 is listed below,

1. New Doctype

2.Supported Media

3.Introduce Figure Element

4. Perfect Content Editing

5. Canvas

6. Article and Section

1. New Doctype

HTML5 have a new doctype function, which is simple .

<!DOCTYPE html>

2.Supported Media

HTML5 provides audio and video support by which we can add audio and video files in the Webpages.


3.Introduce Figure Element

This figure element is introduced in HTML5 to provide caption for the images added in the Webpage.

4. Perfect Content Editing

HTML5 provides an attribute called “content editable” that helps you edit the content quickly and easily.

5. Canvas

HTML5 canvas element is used to build charts, graphs, bypass photoshop to create 2D images and place them directly to your code.

6. Article and Section

HTML5 provides two semantic tags <article> and <section> for increasing the search engine visibility.

We can compose an article into multiple section, and integrate multiple articles into a single section.

HTML coding for a website !!!

Click to Learn More about – HTML Tutorial for beginners