Html5

Tutorials Point, Simply Easy Learning
HTML 5 Tutorial
Tutorialspoint.com

HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a
programming language, but rather a markup language. This tutorial gives very good
understanding on HTML5.

HTML5 Overview
HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0, and
XHTML 1.1. HTML5 isa standard for structuring and presenting content on the World Wide Web.
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext
Application Technology Working Group (WHATWG).
The new standard incorporates features like video playback and drag-and-drop that have been
previously dependent on third-party browser plug-ins such as Adobe Flash, MicrosoftSilverlight,
and Google Gears.

Browser Support:
The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many
HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.
The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all

1|Page

Tutorials Point, Simply Easy Learning
have excellent supportfor HTML5.

New Features:
HTML5 introduces a number of new elements and attributes that helps in building a modern
websites. Following are great features introduced in HTML5.












New Semantic Elements: These are like , , and .
Forms 2.0: Improvements to HTML web forms where new attributes have been
introduced for tag.
Persistent Local Storage: To achievewithout resorting to third-party plugins.
WebSocket : A a next-generation bidirectional communication technology for web
applications.
Server-Sent Events: HTML5 introduces events which flow from web server to the web
browsers and they are called Server-Sent Events (SSE).
Canvas: This supports a two-dimensional drawing surface that you can program with
JavaScript.
Audio & Video: You can embedaudio or video on your web pages without resorting to
third-party plugins.
Geolocation: Now visitors can choose to share their physical location with your web
application.
Microdata: This lets you create your own vocabularies beyond HTML5 and extend your
web pages with custom semantics.
Drag and drop: Drag and drop the items from one location to another location on a
the same webpage.Backward Compatibility
HTML5 is designed, as much as possible, to be backward compatible with existing web browsers.
New features build on existing features and allow you to provide fallback content for older
browsers.
It is suggested to detect support for individual HTML5 features using a few lines of JavaScript.
If you are not familiar with any previous version of HTML, I would recommend to gothrough our
HTML Tutorial before you explore further concepts of HTM5.

HTML5 Syntax
The HTML 5 language has a "custom" HTML syntax that is compatible with HTML 4 and XHTML1
documents published on the Web, but is not compatible with the more esoteric SGML features of
HTML 4.
HTML 5 does not have the same syntax rules as XHTML where we needed lower case tag
names, quoting our attributes,anattribute had to have a value and to close all empty elements.
But HTML5 is coming with lots of flexibility and would support the followings:






Uppercase tag names.
Quotes are optional for attributes.
Attribute values are optional.
Closing empty elements are optional.

The DOCTYPE:
DOCTYPEs in older versions of HTML were longer because the HTML language was SGML based2|Page

Tutorials Point, Simply Easy Learning
and therefore required a reference to a DTD.
HTML 5 authors would use simple syntax to specify DOCTYPE as follows:


All the above syntax is case-insensitive.

Character Encoding:
HTML 5 authors can use simple syntax to specify Character Encoding as follows:


All the above syntax is case-insensitive.

The tag:
It's common practice to...