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.
The DOCTYPE :
<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/
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.
| Tag | Description |
|---|---|
| <!--...--> | 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>New | Defines an article |
| <aside>New | Defines content aside from the page content |
| <audio>New | Defines 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>New | Defines 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>New | Defines a command button |
| <datalist>New | Defines a dropdown list |
| <dd> | Defines a definition description |
| <del> | Defines deleted text |
| <details>New | Defines 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>New | Defines external interactive content or plugin |
| <fieldset> | Defines a fieldset |
| <figcaption>New | Defines the caption of a figure element |
| <figure>New | Defines a group of media content, and their caption |
| <font> | Not supported in HTML5 |
| <footer>New | Defines 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>New | Defines a header for a section or page |
| <hgroup>New | Defines 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>New | Defines 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>New | Defines marked text |
| <menu> | Defines a menu list |
| <meta> | Defines meta information |
| <meter>New | Defines measurement within a predefined range |
| <nav>New | Defines 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>New | Defines some types of output |
| <p> | Defines a paragraph |
| <param> | Defines a parameter for an object |
| <pre> | Defines preformatted text |
| <progress>New | Defines progress of a task of any kind |
| <q> | Defines a short quotation |
| <rp>New | Used in ruby annotations to define what to show if a browser does not support the ruby element |
| <rt>New | Defines explanation to ruby annotations |
| <ruby>New | Defines ruby annotations |
| <s> | Defines text that is no longer correct |
| <samp> | Defines sample computer code |
| <script> | Defines a script |
| <section>New | Defines a section |
| <select> | Defines a selectable list |
| <small> | Defines small text |
| <source>New | Defines 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>New | Defines 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>New | Defines 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>New | Defines a video |
| <wbr>New | Defines 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://diveintohtml5.org/
