HTML5 Basics

HTML5 Basics

Last Updated Jul 21, 2015, 12:00:06 PM

HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously.

It is a new version of the language HTML, with new elements, attributes, and behaviors

HTML5 Features

All the HTML5 full functionalities are classified into several groups based on their function.

1 . Semantics

Semantics are used to describe more precisely about the content on html page

Sample HTML5 Semantics

<section>, <article>, <nav>, <header>, <footer> and <aside>

2 .Connectivity

Connectivity allows you to communicate with the server in new ways

Some of the most important connectivity features are as follows

Web Sockets

Web sockets are used to create a permanent connection between the page and the server and to exchange non-HTML data through that means.

Server-Sent Events

Allows a server to push events to a client


Connecting to other people and controlling videoconferencing directly in the browser, without the need for a plugin or an external application.

3 .Offline & Storage

HTML5 provides an most existing cloud feature to store the data client-side locally to operate offline more effecientely

4 .Multimedia

making video and audio

HTML5 Audio and Video

The <audio> and <video> elements embed and allow the manipulation of new multimedia content.

5 .2D/3D Graphics & Effects

HTML5 provides diverse range of presentation options

  • Canvas Tutorial
  • WebGL
  • SVG

6 . Performance & Integration

HTML5 provides greater speed optimization and better usage of hardware

  • Web Workers
  • Drag and Drop
  • Fullscreen API
  • Online and Offline Events
  • Pointer Lock API

7 .Device Access

HTML5 provides usage of various input and output devices

  • Using the Camera API
  • Touch Events
  • Using Geolocation
  • Detecting Device Orientation

8 .Styling

HTML5 provides great way for authors to write more sophisticated themes

  • New Background Styling Features
  • More Fancy Borders
  • Typography Improvement
  • New Presentational Layouts

HTML5 Example

Try It Now

HTML Introduction

The DOCTYPE declaration for HTML5 should be declared like below:


character set with the <meta charset> The first thing done on a page is usually indicating the character set that is used. In previous versions of HTML, it was done using a very complex <meta> element.


Browser Support
HTML5 (Yes) (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

Sources and Credits

The source of the content has been referred and updated with Mozilla Foundation and w3C

Last Updated Jul 21, 2015, 12:00:06 PM