The document discusses the history and features of HTML5. It began development in 2008 by the W3C and WHATWG to address key challenges for developers. HTML5 adds new elements, attributes, and APIs to support graphics, location data, storage, and improved JavaScript performance. It also defines tags for embedding video, audio, and other media. While still a work in progress, major browsers now support many HTML5 features.
2. History
• HTML5 is a markup language, has been come into existence
around January 2008.
• The two measure organization is involving in developing
of HTML5
• One is W3C (World Wide Web Consortium) and the
another one is WHATWG (Web Hypertext Application
Technology Working Group).
• Now according to W3C the HTML5 will reach its full
recommendation last by 2014.
• On 18 January 2011, the W3C introduce a logo to represent
the HTML5interest.
3. What it can do?
• It solves key developer challenges
Graphics
Location
Storage
Speed
• Great improvement in JavaScript performance
• Open source browser support
• The HTML5 language is may be slightly tough for Android or
Mobile application but it is too easy to understand for web
browsers.
4. • HTML5 is still a work in progress. However, the major browsers
support many of the new HTML5 elements and APIs.
– New Elements(Semantic)
– New Attributes
– Full CSS3 Support
– Video and Audio
– 2D/3D Graphics
– Local Storage
– Local SQL Database
– Web Applications
– API’s
6. • Minimum HTML5 Document
• Below is a simple HTML5 document, with the minimum of
required tags:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
7. HTML HTML5
DOCTYPE is much longer as HTML4 is based on SGML-based.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd”>
DOCTYPE is required to enable standards mode for HTML
documents.
<!DOCTYPE html>
Audio and Video are not part of HTML4 specification Audio and Videos are integral part of HTML5 specifications e.g.
<audio> and <video> tags
Vector Graphics is possible with the help of technologies such
as VML, Silverlight, Flash etc.
Vector graphics is integral part of HTML5 e.g. SVG and canvas
It is almost impossible to get true GeoLocation of user browsing
any website especially if it comes to mobile devices.
JS GeoLocation API in HTML5 helps identify location of user
browsing any website (provided user allows it)
Browser cache can be used as temporary storage. Application Cache, Web SQL database and Web storage is
available as client side storage. Accessible
usingJavaScript interface in HTML5 compliant browsers.
Works with all old browsers Most of modern browser have started supporting HTML5
specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.
Does not allow JavaScript to run in browser. JS runs in same
thread as browser interface.
Allows JavaScript to run in background. This is possible due to JS
Web worker API in HTML5
8. Tag Description
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
<audio> Defines sound content
<video> Defines a video or movie
<source> Defines multiple media resources for <video> and <audio>
<embed> Defines a container for an external application or interactive content(a plug-in)
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation
<article> Defines an article in a document
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content
<footer> Defines a footer for a document or section
New Elements in HTML5
9. Tag Description
<header> Defines a header for a document or section
<mark> Defines marked/highlightedtext
<nav> Defines navigation links
<section> Defines a section in a document
New Elements in HTML5