HTML5 is the Blueprint of the Future. What's new in HTML 5?

STRUCTURAL TAGS

An image of a temple depicting a structure icon.

CONTENT TAGS

An open book depicting a content icon

APPLICATION TAGS

Tools depicting an application icon

DEPRECATED ELEMENTS

A red circle with a slash through it depicting deprecated/deleted elements

API'S

An application window depicting an Application programming Interface

HTML5 Associated API'S

HTML5 includes several new APIs that are associated with some of the new elements. The principal purpose of these APIs is to facilitate web application creation. The list from the W3.org includes:

Associated Application Programming Interfaces

Geolocation

This specification defines an API that provides scripted access to geographical location information associated with the hosting device.

    Retrieves the latitude and longitude.
  1.   Support is increasing.
  2.  Interactions are opt-in.
  3. Opt-in mechanisms are device specific and blocking.
  4. Uneven support requires fallback content using third party tools.

Canvas 2D Drawing

  1.   Canvas is both an element and an API.
  2.  The element <canvas> is a container for drawing 2D graphics that are
          javascript dependent.
  3. The canvas API (2D) is used to draw within the canvas element.
  4.  Developed by apple as part of the OSX Dashboard.
  5.   Current browser support:
          i.Chrome 3+    ii. Explorer 9    ii. Firefox 3+    iv. Opera 10.1    v. Safari 3.2+
  6.  For more information on using canvas as an API see “An Introduction to the
          canvas 2D API” at: HTML5doctor.com.

Local Storage (Web)

  1. Benefits of Storing Data Locally.
    • Local data can be accessed faster.
    • Reduce load on the server.
    • Info can be retrieved with no login.
    • Stores data in key value pairs.

Top

Web Workers

    What are Web Workers?
  1. Fundamentally, Web Workers provides you a chance to load a JavaScript file
        dynamically and then have it process script in a background process, not
        affecting the user interface and its response level. You can continue to do
        whatever you want, selecting thing, clicking etc, while all Web Worker
        computation influences background.

Web Sockets

This specification defines an API that enables Web pages to use the WebSocket protocol for two-way communication with a remote host.

  1. What is an HTML5 Web Socket?
    • This is where HTML5 web sockets come in. HTML5 will be the first HTML
           specification to support client side web sockets. In other words, when data
           changes on the web server, the web server can send a request to client,
           eliminating the need for pollingi.
    • Web socket example from ezinearticles.com or see endnotei.
  2. Not fully supported at the time of this writing.

Messaging

    Cross - domain Messaging
  1. Allows messages to be communicated across different domains. This is
       available in:  IE8, Firefox 3.5, Safari 4 and Opera 10.

Top