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

STRUCTURAL TAGS

An image of a temple depicting a structure icon.

HTML5 includes a handful of new structural elements that are designed to make markup more meaningful...
Read More

CONTENT TAGS

An open book depicting a content icon

These elements represent some flow content, that is self-contained and is typically referenced as a single...
Read More

APPLICATION TAGS

Tools depicting an application icon

While classified as flow content, these tags are task specific and have their own set of defined attributes...
Read More

DEPRECATED ELEMENTS

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

While HTML5 offers many new elements, some elements and attributes will be discontinued...

Read More

API'S

An application window depicting an Application programming Interface

In addition to specifying markup, HTML5 specifies scripting application programming interfaces (APIs)...
Read More

HTML 5 Integrated API's

HTML5 aims to reduce the need for proprietary plug-in-based rich Internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX. HTML5 includes several new APIs that are integrated with some of the new HTML5 elements. While some of these API's require script support for full functionality, their principal purpose is to facilitate web application creation.The list from the W3.org includes:

Integrated Application Programming Interfaces

Audio and Video

    Video’s Current State
  1.   Online video played through a 3rd party plug-in.
  2.  Flash is the industry standard for deploying online video.
  3. HTML 5 will support another option.
    Current Issues
  1.   Slow adoption of browser codec support.
  2.  Current specification does not declare a standard video codec.
  3. The unclear nature of patents & licensing is affecting browser support.
    Current Codecs
  1. H.264 Video Codec
    • High Quality (.mp4)
    • Supported by Apple and Microsoft
    • May have patent issues to cause concern.
  2. OGG Theora Video Codec(.ogv)
    • Quality not as good as H.264
    • Supported by Firefox & Opera
    • Open Source
    • Fears of future patent challenges
  3. VP8 Video Codec
    • High Quality
    • Released by Google as open source
    • Mozilla among those calling for adoption of VP8 as the standard
    Additional Resources for Encoding Video
  1.   Firefogg.org For download
  2.  Handbrake.fr For download
  3. Video for Everybody at camendesign.com, is simply a chunk of HTML code that
         embeds a video into a website using the HTML5 <video\> element, falling back
         to Flash automatically, without the use of JavaScript or browser-sniffing.

Top

Inline Editing

Enables the user to edit content visibly on the page without an editor. The changes can then be used as the input to a Content Management System (CMS).

Drag and Drop

Drag & Drop (W3C Spec. Doc) This specification does not define exactly what a drag-and-drop operation actually is.

  1. How it Works
    • Define device as draggable
    • Define a drop target
    • Control interactions through the API (The Script).
    • Limited browser support at this time.
    • Example Demo from HTML5demos.com
  2. Drag and drop from desktop to browser not yet supported.
  3. Additional Resources

Offline Applications

  1. Stores a version of the application in the user’s cache.
  2. Supported by the major browsers (Safari, Firefox, Opera, Chrome) and will be
         supported in IE9.
  3. Additional Resources —Dive into HTML5.org

History

Supports Ajax-based applications and saves states in the history to move back and forth between.

Web Protocol

A method that allows Web sites to register themselves as possible handlers for particular schemes. For an in depth look, see the W3C specification.

Top