Monday, 25 July 2011

The New Tags And New Features Of HTML5

The web is constantly evolving.   HTML 4 has been around for a long time now, and  to give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and  semantics.

HTML5 is the next generation of HTML.

HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML.

According to Facebook Investor Roger McNamee on

  • HTML5, the new web standard that allows to make interactive web pages, is going to revolutionize the media and advertising industries

  • HTML5 is going to change everything. "In HTML5, an ad is an app, a tweet is an app, everything is an app." "It's a blank sheet of paper, and creativity rules again." For example, "my band is putting out a full HTML5 site. You can watch all of our shows on an iPhone, live." It's very cheap and it changes the game because they don't have to pay anyone anything.

  • In HTML5, you don't need to have display ads: Amazon can have a section of its store as an ad. So if you're reading a book review, you can buy the book right from the page.

  • Because HTML5 can make sites rich and interactive, engagement on a site can go from seconds to minutes.

Some of the most interesting new features in HTML5:

  • The canvas element for drawing

  • The video and audio elements for media playback

  • Better support for local offline storage

  • New content specific elements, like article, footer, header, nav, section

  • New form controls, like calendar, date, time, email, url, search

The Doc Type for HTML5 is


The  New tags in HTML5.

Ordered Alphabetically

<article>Defines an article
<aside>Defines content aside from the page content
<audio>Defines sound content
<canvas>Defines graphics
<command>Defines a command button
<datalist>Defines a dropdown list
<details>Defines details of an element
<embed>Defines external interactive content or plugin
<figcaption>Defines the caption of a figure element
<figure>Defines a group of media content, and their caption
<footer>Defines a footer for a section or page
<header>Defines a header for a section or page
<hgroup>Defines information about a section in a document
<keygen>Defines a generated key in a form
<mark>Defines marked text
<meter>Defines measurement within a predefined range
<nav>Defines navigation links
<output>Defines some types of output
<progress>Defines progress of a task of any kind
<rp>Used in ruby annotations to define what to show if a browser does not support the ruby element
<rt>Defines explanation to ruby annotations
<ruby>Defines ruby annotations
<section>Defines a section
<source>Defines media resources
<summary>Defines the header of a "detail" element
<time>Defines a date/time
<video>Defines a video
<wbr>Defines a possible line-break

No comments:

Post a Comment