HTML 5

00:32 | Posted by | |
Just Copy Paste and save in HTML Format

What is HTML5?

HTML5 will be the new standard for HTML.
The previous version of HTML, HTML 4.01, came in 1999. The web has changed a lot since then.
HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and APIs.

How Did HTML5 Get Started?

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.
Some rules for HTML5 were established:
  • New features should be based on HTML, CSS, DOM, and JavaScript
  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent
  • The development process should be visible to the public

The HTML5 <!DOCTYPE>

In HTML5 there is only one <!doctype> declaration, and it is very simple:

<!DOCTYPE html>

HTML5 - New Features

Some of the most interesting new features in HTML5:
  • The <canvas> element for 2D drawing
  • The <video> and <audio> elements for media playback
  • Support for local storage
  • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
  • New form controls, like calendar, date, time, email, url, search

Browser Support for HTML5

HTML5 is not yet an official standard, and no browsers have full HTML5 support.
But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

HTML5

  • New Elements
  • New Attributes
  • Full CSS3 Support
  • Video and Audio
  • 2D/3D Graphics
  • Local Storage
  • Local SQL Database
  • Web Applications

HTML5 Multimedia

With HTML5, playing video and audio is easier than ever.
  • HTML5 <video>
  • HTML5 <audio>

HTML5 Graphics

With HTML5, drawing graphics is easier than ever:
  • Using the <canvas> element
  • Using inline SVG
  • Using CSS3 2D/3D

HTML5 Applications

With HTML5, web application development is easier than ever.
  • Local data storage
  • Local file access
  • Local SQL database
  • Application cache
  • Javascript workers
  • XHTMLHttpRequest 2

Semantic Elements

New elements for headers, footers, menus, sections and articles.

HTML5 Forms

New form elements, new attributes, new input types, automatic validation.

HTML5 uses CSS3

  • New Selectors
  • New Properties
  • Animations
  • 2D/3D Transformations
  • Rounded Corners
  • Shadow Effects
  • Downloadable Fonts
Subscribe to: Posts (Atom)