Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

March 08, 2014

HTML5 Tutorial: Introduction and New Features

HTML5 is the latest standard for HTML. The previous version of HTML was HTML 4.01 which has limited features and many browser compatibilty issues.
HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.
This new version of HTML has comes with great advance features and capabilities like deliver of rich content without the need for additional plugins, animation, graphics, audio, and can also be used to build complicated web applications with local storage (act like internal mini database).
HTML5 is also cross-platform. It is designed to work whether  you are using a PC, or a Tablet, a Smartphone, or a  Smart TV.

HTML5: Sample Code Snippet

<!DOCTYPE html> <!— doctype declaration for HTML5 -->
<html>
<head>          < title>Title of the document</title>< /head>
<body>          Content of the document......< /body>
</html>

HTML5 - New Features

Some of the most interesting new features in HTML5 are:
  • The <canvas> element for 2D drawing. You can do graphic drawing using JavaScript.
  • The <video> and <audio> elements for media playback. Can easily add audios or videos into your HTML pages.
  • Support for local storage. You can maintain data within the browser using this feature.
  • New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
  • New form controls, like calendar, date, time, email, url, search
  • Supports all major browsers like Chrome, Firefox, Internet Explorer, Safari, Opera

Other tutorials based on new features and capabilities of HTML5: