HTML Tutorial
HTML - Introduction HTML - Basic HTML - Structure HTML - Element HTML - Attributes HTML - Headings HTML - Paragraphs HTML - Styles HTML - Formatting HTML - Phrase Tags HTML - Quotations HTML - Comments HTML - Colors HTML - CSS HTML - Links HTML - Images HTML - Tables HTML - List HTML - Inline elements HTML - Block elements HTML - Classes HTML - Id HTML - Javascript HTML - File Path HTML - Iframe HTML - Responsive HTML - Computer Code HTML - Head tag HTML - Events HTML - Url Encoding HTML - Entities HTML - Validation
HTML Forms
HTML - Forms HTML - Form Elements HTML - Input types HTML - Input Attributes
HTML5 - Introduction HTML5 - New Elements HTML5 - Semantics HTML5 - Style Guide
HTML Media
HTML - Video HTML - Audio HTML - Embed Multimedia
HTML Graphics
HTML - Canvas HTML - SVG
HTML - Geolocation HTML - Drag & drop HTML - Web Storage HTML - Web Workers
HTML References
HTML - Tag Reference HTML - Tag by Category HTML - Attributes HTML - Global Attributes HTML - Events HTML - Language Codes HTML - Country Codes HTML - URL Encoding HTTP Methods HTTP Status Codes <input> types

HTML5 Introduction

HTML5 is the fifth version of HTML and is a core technology markup language of internet that is used for structuring and presenting the content for WWW.

The aim of HTML5 is to improve the language by support of latest multimedia while keeping it user friendly and easily readable by humans and consistently understood by computers and devices such as web browsers parser, etc.

Why use HTML5?

HTML5 is enriched with advance features which makes it easy and interactive for designer/developer and users.

HTML5 allows you to play a video and audio file.

HTML5 allows you to draw on a canvas.

HTML5 facilitate you to design better forms and build web applications that work offline.

HTML5 provides you advance features for that you would normally have to write JavaScript to do.

The most important reason to use HTML 5 is, we believe it is not going anywhere. It will be here to serve for a long time according to W3C recommendation.

What is New in HTML5?

The DOCTYPE declaration for HTML5 is very simple:

<!DOCTYPE html>

The charset (character encoding) declaration is also very simple:

<meta charset="UTF-8">
HTML5 Example:
Run code

New HTML5 Elements

The most important new HTML5 elements are:

New Semantic Elements:

New Form Attributes:

New Graphic Elements:

New Multimedia Elements:

You will learn a lot more about HTML5 new elements in the next chapter.


The most important new HTML5 API's are:

  • HTML Geolocation
  • HTML Drag and Drop
  • HTML Local Storage
  • HTML Application Cache
  • HTML Web Workers

You will learn a lot more about HTML5 API's later in this tutorial.

Removed Elements in HTML5

The following HTML elements have been removed in HTML5:

Removed Element Use Instead
<acronym> <abbr>
<applet> <embed> or <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<strike> <s>
<tt> CSS