Introduction to HTML5
HTML5 is the latest version of HTML and XHTML with new features like Drawing, Animation, Video, and Audio, etc. It is used to solve some of the more common structural problems encountered with HTML 4.1. It gives more flexibility to both web developers and web designers and can enable more exciting and interactive websites and more powerful and efficient applications. The HTML 5 <! doctype html> is recognized by all modern browsers.
HTML5 brings a whole new dimension to the web world. It can embed video on web-pages without using any special software like Flash. HTML5 is being developed in such a way that the developers need not waste their time and effort in creating an error-free web page. Firefox, Chrome, Opera, Safari and Internet Explorer all support <! doctype html>.
Why we use HTML5
The main benefit of HTML5 is that it supports Drawing, Animation, Video, and Audio.
Web developers can decrease the complexity and the time to create applications with animations, play music (audio and video), high-quality drawings and other rich content using HTML 5 because it can embed a video on web-pages without using any special software like Flash.
HTML5 is far easier for web designers and web developers to know how a web page is structured.
HTML5 with new elements improved semantic because it is easier to see which parts of the page are header, nav, section, article, aside and footers, aside, etc.
HTML5 denotes to scripting of Application Programming Interface (API) including new APIs like Drag and drop, Database storage offline, editing of the document, canvas 2D APIs, etc.
HTML5 has improved the impact of text inputs, search boxes, validating data, focusing, and interacting with other page elements.
New elements that are added in HTML 5:
-
<article>
-
<aside>
-
<audio>
-
<canvas>
-
<command>
-
<datalist>
-
<details>
-
<embed>
-
<figcaption>
-
<figure>
-
<footer>
-
<header>
-
<hgroup>
-
<keygen>
-
<mark>
-
<meter>
-
<nav>
-
<output>
-
<progress>
-
<rp>
-
<rt>
-
<ruby>
-
<section>
-
<source>
-
<summary>
-
<time>
-
<video>
-
<wbr>
And these are elements that are dropped in HTML 5:
-
<acronym>
-
<applet>
-
<basefont>
-
<big>
-
<center>
-
<dir>
-
<font>
-
<frame>
-
<frameset>
-
<isindex>
-
<noframes>
-
<s>
-
<strike>
-
<tt>
-
<u>
-
<xmp>
Total elements supported by HTML 5:
-
<!-->
-
<!DOCTYPE>
-
<a>
-
<abbr>
-
<address>
-
<area>
-
<article>
-
<aside>
-
<audio>
-
<b>
-
<base>
-
<bdo>
-
<blockquote>
-
<body>
-
<br>
-
<button>
-
<canvas>
-
<caption>
-
<cite>
-
<code>
-
<col>
-
<colgroup>
-
<command>
-
<datalist>
-
<dd>
-
<del>
-
<details>
-
<dfn>
-
<div>
-
<dl>
-
<dt>
-
<em>
-
<embed>
-
<fieldset>
-
<figcaption>
-
<figure>
-
<footer>
-
<form>
-
<h1>-<h6>
-
<head>
-
<header>
-
<hgroup>
-
<hr>
-
<html>
-
<i>
-
<iframe>
-
<img>
-
<input>
-
<ins>
-
<keygen>
-
<kbd>
-
<label>
-
<legend>
-
<li>
-
<link>
-
<map>
-
<mark>
-
<menu>
-
<meta>
-
<meter>
-
<nav>
-
<noscript>
-
<object>
-
<ol>
-
<optgroup>
-
<option>
-
<output>
-
<p>
-
<param>
-
<pre>
-
<progress>
-
<q>
-
<rp>
-
<rt>
-
<ruby>
-
<samp>
-
<script>
-
<section>
-
<select>
-
<small>
-
<source>
-
<span>
-
<strong>
-
<style>
-
<sub>
-
<summary>
-
<sup>
-
<table>
-
<tbody>
-
<td>
-
<textarea>
-
<tfoot>
-
<th>
-
<thead>
-
<time>
-
<title>
-
<tr>
-
<ul>
-
<var>
-
<video>
-
<wbr>