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

Functionalities
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

WebRTC

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

Functionalities
  • Canvas Tutorial
  • WebGL
  • SVG

6 . Performance & Integration

HTML5 provides greater speed optimization and better usage of hardware

Functionalities
  • 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

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

8 .Styling

HTML5 provides great way for authors to write more sophisticated themes

Functionalities
  • 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:

Declaration

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.

Declaration





Browser Support
Property
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