Introduction to HTML5

HTML5 is the latest version of HTML ( Hypertext Markup Language). It is an ongoing process that has taken place through the joint efforts of the World Wide Web Consortium ( W3C) and the Web Hypertext Application Technology Working Group (WHATWG). The first phase of HTML5 development began in 2004 with WHATWG, which was developed and edited by David Hyatt of Apple and Ian Hickson of Google, Inc. There are several features in the latest version that have been implemented in different web browsers.

The purpose of the open source workable platform is striven to be produce by HTML5, which can be used by multiple vendors across the Internet. As a result, they can all have access to the development of new applications. Some of the major browsers, such as Internet Explorer, Safari, Google Chrome and Mozilla Firefox, currently support some of the features of HTML5.

This latest version has been considered a new platform for streaming video capabilities to browser applications. JavaFX, Adobe Flash and Microsoft Silverlight obsolete are some of the potential plug-ins that can be used in this language. It comes with a lot of interesting features like:

  • Canvas technology has been invented by the well-known Apple brand with a 2-D browser-based drawing feature. JavaScript has been used to draw graphics on the web page. Here are some of the drawing methods such as circles, paths, boxes, characters and images used by the canvas element.
  • Web videos: These days, most video are shown by plug-ins like Flash. HTML5 includes standard way with the video element for quality videos.
  • Audio on web: mostly, all audios are played using plug-ins like Flash whereas, HTML5 indicate standard audio element to play sound files.
  • Web Storage: There are two methods namely session storage and local storage used for storing data without any effect the website’s performance.

In addition to this introduction to HTML5, it is necessary to outline the APIs (Application Programming Interfaces), as they were also outlined in HTML5. It includes several impressive features such as browser history management, canvas element for immediate 2D drawing mode, drag and drop, registration of MIME type and protocol handler, timed media playback, microdata, offline storage database, editing of documents, cross-document messaging and more.

Features Of HTML5

It is equipped with lots of new features that give you the power to design attractive web pages you may never have designed with HTML alone before.

Here are some of the major features in HTML5 that you will find useful:

  • Video playback and drag-and-drop, which are dependent on third-party browser plug-ins like Microsoft Silverlight and Adobe Flash.
  • Wide range of new attributes and elements that reveal effective usage on modern websites.
  • Through a standardized interface, it provides new multimedia functionality of <audio> and <video>.
  • Reduced usage of plugins like Flash.
  • New APIs (Application Programming Interfaces) has been specified in HTML5 that includes offline storage database, the canvas element for immediate mode 2D drawing, timed media playback, Cross-document messaging, document editing, browser history management, drag-and-drop, Microdata, MIME type and protocol handler registration etc.
  • Compressed and user-friendly API.
  • Versatility in handling incorrect syntax.
  • Detailed rules for lexing and parsing.
  • Advanced language support.
  • Apart from these, there are several other features loaded in HTML5 such as ContentEditable, Stylable elements, Canvas element for drawing, geo-location, Web Forms 2.0, server-sent DOM Events, hyper-threading for Web browsers, application caches, client-side storage and further more.
  • Local off-line storage for better support.
  • Formats like date, time, calendar, email, url, search have been added.
  • Local storage and session storage are two new methods that are used for storing data.

Recently, HTML5 has become the centre of focus for designing and developing websites. It is being considered as a new standard of HTML, HTML DOM and XHTML.

  • It can play audio-video files and supports various formats.
  • HTML5 includes interactive documents that functions for embedding graphics.
  • HTML 5 is not a W3C recommendation yet
  • It has initiated Canvas feature that uses JavaScript to draw graphics on a web page and is useful to control pixels.
  • One of HTML5’s features includes its methods of storage: local and session storage. Not every server request transmits the data but only when requested. So this allows large amounts of data to be stored without affecting the performance of the website.

Apart from the above features, several new tags have been introduced in HTML and some of the tags have been deprecated that were previously being used in HTML such as <acronym>, <big>, <dd>, <frame>, <strike> and so on. Some of the new tags that have been added in the HTML5 are <source>, <keygen>, <footer>, <figure>, <datalist>, <canvas>, <audio> and further more.

Older versions Vs. HTML5

HTML is a markup language which stands for Hypertext Markup Language. Easily create your own websites by using HTML. Its functioning depends on different tags that are categorized in two ways, including tag opening (< b >) and tag closing (< /b >).

  • It requires plug-ins like Flash to operate various music and video files.
  • It has been considered an interactive form that allows images and objects to be embedded.
  • HTML is a W3C recommendation that stands for World Wide Web Consortium.
  • It lacks canvas feature for drawing.
  • In HTML, cookies are used for storing login and web browsing history. For large amount of data storage cookies has not been considered suitable option.

Recently, HTML5 has become the centre of focus for developing websites. It is being considered as a new standard of HTML, HTML DOM and XHTML.

  • It can play audio-video files and supports various formats.
  • HTML5 includes interactive documents that functions for embedding graphics.
  • HTML 5 is not a W3C recommendation yet
  • It has initiated Canvas feature that uses JavaScript to draw graphics on a web page and is useful to control pixels.
  • Two new storage methods have also been introduced in HTML5 that include local storage and session storage. The data is not passed on by every server request, but used only when asked for. So, this makes it possible to store large amounts of data without affecting the website’s performance.

Apart from the above features, several new tags have been introduced in HTML and some of the tags have been deprecated that were previously being used in HTML such as <acronym>, <big>, <dd>, <frame>, <strike> and so on. Some of the new tags that have been added in the HTML5 are <source>, <keygen>, <footer>, <figure>, <datalist>, <canvas>, <audio> and further more.

Add a Comment

Your email address will not be published. Required fields are marked *

ABOUT CODINGACE

My name is Nohman Habib and I am a web developer with over 10 years of experience, programming in Joomla, Wordpress, WHMCS, vTiger and Hybrid Apps. My plan to start codingace.com is to share my experience and expertise with others. Here my basic area of focus is to post tutorials primarily on Joomla development, HTML5, CSS3 and PHP.

Nohman Habib

CEO: codingace.com

Request a Quote