Glimpse of HTML5

  
(The next generation of HTML)
 

Brief about html5:

In order to bring a bullish hike in the world of internet and browsing the World Wide  Web in cooperation with the Web Hypertext Application Technology Working Group (WHATWG) is here geared up with the new generation language HTML5, the fifth revision of HTML, It not only structures but also presents content for the world wide web much more efficiently and effectively as compared to previous versions  of HTML. It also outshines XHTML1 and DOM2HTML. It is a core technology in the internet proposed by Opera Software. It is designed to bring consistent understanding between the browser and the machine i.e. a language that is easily readable to the user and understood by the machine (computer,browser,parsers etc.). It is also an attempt to define a single markup language that can be written in either HTML or XHTML syntax. To encourage more interoperable implementations it includes detailed processing models; it extends, improves and rationalizes the markup available for documents, and introduces markup and application programming interfaces (APIs) for complex web applications.

New attributes have been introduced in HTML5, while some elements and attributes have been removed. Some elements, such as <a>, <cite> and <menu> have been changed or revised. The APIs and document object model (DOM) are no longer in use, but play important parts of the HTML5 specification.HTML5 also provide the feature of error correction so that user deals with only correct syntax.

Some of the new elements or attributes included in HTML5 are semantic replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block), <footer> (usually referring to bottom of web page or to last lines of HTML code), or <audio> and <video> instead of <object>. Some elements such as <font> and <center> have been removed as these effects are achieved using Cascading Style Sheets. It also focuses on the importance of DOM scripting  (e.g., JavaScript) in Web behavior. The HTML5 syntax is no longer based on SGML despite the similarity of its markup. HTML5 also includes Web Forms 2.0, a previously separate WHATWG specification.

LOOKING AT THE FEATURES PROVIDED BY HTML5

API's

T
hough it is not yet available for the official standard but API's  like adding audio/video, canvas element for drawing,controls like calendar, date, time, email, url, search, drag and drop, microdata, browser history management,offline storage database etc makes HTML5 best for  most browsers like (Safari, Chrome, Firefox, Opera, Internet Explorer) and they continue to add new HTML5 features to their latest versions.

List of Technologies that enhance HTML5's performance

Classlist  for classmanipulation
Storagefor storage events
Datasetfor data attributes
Historyfor pushstate
WebsocketSimple chat client
Video for playing video
Canvasinteractive drawing
Video canvasfor canvasing and video
Contenteditable storageediting content
GeolocationTo share your location with trusted web site
Postmessageto post message in same/cross domain
Dndto drag and drop
Offline eventsdetects offline status
Offline manifest for offline application using the manifest
Sql-databaseweb sql database storage/rollback test

Tags


Tags included in HTML5 are listed Below

  • <!--...-->
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <address>
  • <applet>
  • <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> to <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>


The Eliminated tags are

  • <acronym>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>

 

  • <frameset>
  • <noframes>
  • <s>
  • <strike>
  • <tt>
  • <u>
  • <xmp>

 


Up Next
    Ebook Download
    View all
    Learn
    View all