HTML 5 is coming up , Get ready for new web world

Posted By: KP On June 15, 2009 Under Internet, Web Design Categories

The World Wide Web Consortium (W3C) is working on HTML5.HTML5 is the next version of Hyper Text Markup Language.

HTML5 is a great move,many new HTML tags to be introduced.Web Coding will be more easy.The tasks we are doing from CSS now some of them will be included in HTML itself.

Here is list of new coming up tags:

The following elements have been introduced for better structure:

  • section represents a generic document or application section. It can be used together with the h1, h2, h3, h4, h5, and h6 elements to indicate the document structure.
  • article represents an independent piece of content of a document, such as a blog entry or newspaper article.
  • aside represents a piece of content that is only slightly related to the rest of the page.
  • header represents the header of a section.
  • footer represents a footer for a section and can contain information about the author, copyright information, et cetera.
  • nav represents a section of the document intended for navigation.
  • dialog can be used to mark up a conversation like this:
  • <dialog>
    <dt> Costello <dd> Look, you gotta first baseman?
    <dt> Abbott
    <dd> Certainly.
    <dt> Costello
    <dd> Who's playing first?
    <dt> Abbott
    <dd> That's right.
    <dt> Costello
    <dd> When you pay off the first baseman every month, who gets the money?
    <dt> Abbott
    <dd> Every dollar of it.
    </dialog>

  • figure can be used to associate a caption together with some embedded content, such as a graphic or video:
  • <figure>
     <video src="ogg"></video>
     <legend>Example</legend>
    </figure>
  • Then there are several other new elements:
  • audio and video for multimedia content. Both provide an API so application authors can script their own user interface, but there is also a way to trigger a user interface provided by the user agent. source elements are used together with these elements if there are multiple streams available of different types.
  • embed is used for plugin content.
  • mark represents a run of marked text.
  • meter represents a measurement, such as disk usage.
  • progress represents a completion of a task, such as downloading or when performing a series of expensive operations.
  • time represents a date and/or time.
  • canvas is used for rendering dynamic bitmap graphics on the fly, such as graphs or games.
  • command represents a command the user can invoke.
  • datagrid represents an interactive representation of a tree, list or tabular data.
  • details represents additional information or controls which the user can obtain on demand.
  • datalist together with the a new list attribute for input is used to make comboboxes:
    <input list="browsers">
    <datalist id="browsers">
     <option value="Safari">
     <option value="Internet Explorer">
     <option value="Opera">
     <option value="Firefox">
    </datalist>
  • keygen represents control for key pair generation.
  • bb represents a user agent command that the user can invoke.
  • output represents some type of output, such as from a calculation done through scripting.
  • ruby, rt and rp allow for marking up ruby annotations.
  • The input element’s type attribute now has the following new values:
  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url
  • search
  • color
  • The idea of these new types is that the user agent can provide the user interface, such as a calendar date picker or integration with the user’s address book, and submit a defined format to the server. It gives the user a better experience as his input is checked before sending it to the server meaning there is less time to wait for feedback.

Quoted from http://www.w3.org/TR/html5-diff/

Moreover some suggested tag is sarcasm which will be useful to remove misunderstandings !

Many new sub elements are added to make coding easy.

You will need HTML5 browsers.Firefox 3.5 supports it.

Youtube also tested HTML5 video tags,you don’t need flash player to see it but you need HTML5 supported browsers.The page can be seen here

http://www.youtube.com/html5

I am excited to use HTML5 and what about you?



Share with Friends ( Sharing is Caring! )


Subscribe For E-mail Notification Of Article Updates

Enter your email address:

NOTICE:
DO NOT FORGET TO CLICK ON THE VERIFICATION LINK AFTER SUBSCRIBING,THE VERIFICATION MAIL WILL BE SENT TO YOU FROM "FeedBurner Email Subscriptions".
( What is this? Why I need to do this?)

Related Posts

Post a Comment

OR