Friday, August 19, 2011

HTML5 for Meenuuu

HTML5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.


New Features : functions for embedding audio, video, graphics, client-side data storage, and interactive documents(These features were not present in older version of HTML). HTML5 also contains new elements like <nav>, <header>, <footer>, and <figure>.


New : New tags in HTML5.



TagDescription
<!--...-->Defines a comment
<!DOCTYPE> Defines the document type
<a>Defines a hyperlink
<abbr>Defines an abbreviation
<acronym>Not supported in HTML5
<address>Defines an address element
<applet>Not supported in HTML5
<area>Defines an area inside an image map
<article>NewDefines an article
<aside>NewDefines content aside from the page content
<audio>NewDefines sound content
<b>Defines bold text
<base>Defines a base URL for all the links in a page
<basefont>Not supported in HTML5
<bdo>Defines the direction of text display
<big>Not supported in HTML5
<blockquote>Defines a long quotation
<body>Defines the body element
<br>Inserts a single line break
<button>Defines a push button
<canvas>NewDefines graphics
<caption>Defines a table caption
<center>Not supported in HTML5
<cite>Defines a citation
<code>Defines computer code text
<col>Defines attributes for table columns 
<colgroup>Defines groups of table columns
<command>NewDefines a command button
<datalist>NewDefines a dropdown list
<dd>Defines a definition description
<del>Defines deleted text
<details>NewDefines details of an element
<dfn>Defines a definition term
<dir>Not supported in HTML5
<div>Defines a section in a document
<dl>Defines a definition list
<dt>Defines a definition term
<em>Defines emphasized text 
<embed>NewDefines external interactive content or plugin
<fieldset>Defines a fieldset
<figcaption>NewDefines the caption of a figure element
<figure>NewDefines a group of media content, and their caption
<font>Not supported in HTML5
<footer>NewDefines a footer for a section or page
<form>Defines a form 
<frame>Not supported in HTML5
<frameset>Not supported in HTML5
<h1> to <h6>Defines header 1 to header 6
<head>Defines information about the document
<header>NewDefines a header for a section or page
<hgroup>NewDefines information about a section in a document
<hr>Defines a horizontal rule
<html>Defines an html document
<i>Defines italic text
<iframe>Defines an inline sub window (frame)
<img>Defines an image
<input>Defines an input field
<ins>Defines inserted text
<keygen>NewDefines a generated key in a form
<kbd>Defines keyboard text
<label>Defines a label for a form control
<legend>Defines a title in a fieldset
<li>Defines a list item
<link>Defines a resource reference
<map>Defines an image map 
<mark>NewDefines marked text
<menu>Defines a menu list
<meta>Defines meta information
<meter>NewDefines measurement within a predefined range
<nav>NewDefines navigation links
<noframes>Not supported in HTML5
<noscript>Defines a noscript section
<object>Defines an embedded object
<ol>Defines an ordered list
<optgroup>Defines an option group
<option>Defines an option in a drop-down list
<output>NewDefines some types of output
<p>Defines a paragraph
<param>Defines a parameter for an object
<pre>Defines preformatted text
<progress>NewDefines progress of a task of any kind
<q>Defines a short quotation
<rp>NewUsed in ruby annotations to define what to show if a browser does not support the ruby element
<rt>NewDefines explanation to ruby annotations
<ruby>NewDefines ruby annotations
<s>Defines text that is no longer correct
<samp>Defines sample computer code
<script>Defines a script
<section>NewDefines a section
<select>Defines a selectable list
<small>Defines small text
<source>NewDefines media resources
<span>Defines a section in a document
<strike>Not supported in HTML5
<strong>Defines strong text
<style>Defines a style definition
<sub>Defines subscripted text
<summary>NewDefines the header of a "detail" element
<sup>Defines superscripted text
<table>Defines a table
<tbody>Defines a table body
<td>Defines a table cell
<textarea>Defines a text area
<tfoot>Defines a table footer
<th>Defines a table header
<thead>Defines a table header
<time>NewDefines a date/time
<title>Defines the document title
<tr>Defines a table row
<tt>Not supported in HTML5
<u>Not supported in HTML5
<ul>Defines an unordered list
<var>Defines a variable
<video>NewDefines a video
<wbr>NewDefines a possible line-break
<xmp>Not supported in HTML5


The DOCTYPE :

<!DOCTYPE html
          PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


Example :
     <!DOCTYPE HTML>
        <html>
           <body>

           <video width="320" height="240" controls="controls">
           <source src="movie.ogg" type="video/ogg" />
           <source src="movie.mp4" type="video/mp4" />
           <source src="movie.webm" type="video/webm" />
           Your browser does not support the video tag.
          </video>

          </body>
        </html>


Reference Sites : 
           http://www.w3schools.com/html5/
           http://diveintohtml5.org/