Other aspects of HTML5

There is great feature embedded with HTML5 that is multimedia support without any plugin at end user.The best part of this tag is that it support wide range of quality audio/video format.
The tags which we use for audio and video are:
<audio>
<video>
The code snippet for same:

<audio id=“audio” controls preload="auto" autobuffer>
  <source src="source1.mp3" />
  <source src=" source2.ogg" />
</audio>
<video id=“video” poster=”poster.jpg" src=”source.mp4" width="2" height="1" x-webkit-airplay="allow” autoplay controls>
</video>

HTML5 is enriched with other input type tag which is having great ability to enrich the mobile interface,this input type tag along with Jquery UI plugin give them very strong presence on mobile where end user get very lucrative look and feel.


<input type="number" pattern="[0-9]*" />
<input type="email” required />
<input type="url" />
<input type="tel" />
<input type="time" />
<input type="date" />
<input type="month" />
<input type="week" />
<input type="datetime" />
<input type="datetime-local" />
<input type="color" />

Now let's see some play with tag e.g <div> with some extra attribute which gives them immense presence on web.
At a high level, microdata consists of a group of name-value pairs. The groups are called items, and each name-value pair is a property. Items and properties are represented by regular elements.
To create an item, the itemscope attribute is used.
To add a property to an item, the itemprop attribute is used on one of the item's descendants.


The following attributes are added as global attributes to HTML elements:

-itemid

-itemprop

-itemref

-itemscope

-itemtype

Here there are two items, each of which has the property:

<div itemscope itemtype="http://example.org/band">
 <p>Loriel Epsum <span itemprop="name">Loriel</span>.</p>
 <p>true <span itemprop="band">Loriel Epsum</span>.</p>
 <p> Loriel Epsum  <span itemprop="nationality">Loriel Epsum set true</span>.</p>
</div>

There is tag which is available to draw 2D drawing using javascript withour any plugin in browser.
The code snippet for this TAG is :

<canvas id="a" width="300" height="225"></canvas>
<script>
var a_canvas = document.getElementById("a");
var a_context = a_canvas.getContext("2d");
a_context.lineWidth = 5;
a_context.strokeStyle = ‘rgba(244, 34, 23, .8)’;
a_context.fillRect(50, 25, 150, 100);
a_context.stroke(); </script>

There are  tag which available for drawing complex mathematical graph and others graph using SVG.
The HTML5 present a set of specification which allow the developer to choose on top of any other language,which is like:
HTML5 defines the concept of DOM collections and the HTMLCollection interface, as well as the concept of IDL attributes reflecting content attributes. It also defines tree order and the concept of a node's home subtree.
HTML5 defines the terms URL, valid URL, absolute URL, and resolve a URL.
HTML5 defines the terms alphanumeric ASCII characters, space characters split a string on spaces, converted to ASCII uppercase, and prefix match.
HTML5 defines the meaning of the term HTML elements, as well as all the elements referenced in this specification. It also defines the HTMLElement and HTMLDocument interfaces. It defines the specific concept of the title element in the context of an HTMLDocument. In the context of content models it defines the terms flow content and phrasing content. It also defines what an element's ID or language is in HTML.
HTML5 defines the set of global attributes, as well as terms used in describing attributes and their processing, such as the concept of a boolean attribute, of an unordered set of unique space-separated tokens, of a valid non-negative integer, of a date, a time, a global date and time, a valid date string, and a valid global date and time string.
HTML5 defines what the document's current address is.
Finally, HTML5 also defines the concepts of drag-and-drop initialization steps and of the list of dragged  nodes, which come up in the context of drag-and-drop interfaces.