Introduction to html5
- HTML5 is the fifth major version of this core language for developing a website.
- The World wide consortium(W3C) Started working on the new HTML5 Specification in 2007.
- The first version of html5 was published in January 22, 2008.
- Html 5 offers a variety of new features to the HTML Specification. With the help of new features, HTML5 enables you to create more interactive websites by embedding audio, video and graphics on the Web page.
The following new features are introduced in HTML5.
- new structure
- New applications programming interface (API).
- New make up Elements and attributes
- Geolocation
- Browser support
- Web storage
- Offline Applications cache
- Error Handling
1. New Structure:
<!doctype> :-
Defines the HTML version used in the document. In this case it is HTML5. See the doctypes topic for more information.
<html> :-
Opens the page. No markup should come after the closing tag ().The lang attribute declares the primary language of the page using the ISO language codes See the Content Language topic for more information.
<hend> :-
Opens the head section, which does not appear in the main browser window but mainly contains information about the HTML document, called metadata. It can also contain imports from external stylesheets and scripts. The closing tag is.
<title> :-
The title of the page. Text written between this opening and the closing tag () will be displayed on the tab of the page or in the title bar of the browser.
<body> :-
Opens the part of the document displayed to users, i.e. all the visible or audible content of a page. No content should be added after the closing tag.
2. New applications programming interface (API):
API is an interface that enables a software program to interact with other software.1
- The canvas element for using 2D drawing on the Wed page.
- Timed media playback for supporting online presentation without help of any third party tool.
- offline storage of databas,which implies that data can be stored in a web Browser
- Document editing
- Drag-and-drop frature that helop in clicking an object and dragging it ti a diffrent location.
- Cross-document
- Browser history menagment
- MIME type and protocol hendler registration so that the attachments that include plain text are supported.
- Microdata that provides a simple way to enabad sematic markup in an HTML Web page.
3. New Markup Element And Attribute:
The important markup element introduced in HTML5 is :
<canvas> | Helps adding images,graphs or tooltips on the Webpage. |
<video> | Helps adding video on a Webpage. |
<audio> | Helps adding audio on a Webpage. |
4. New Form Elements And Attributes:
The new form element and feature provides the following feature:
Auto focus | You can set the focus on the input field of the Web form by using the autofocus attribute. |
Date and Time | <input type="datetime"> |
URL and Email | <input type="url"> And <input type="email"> |
Slider Creation | <input type="range"/> |
Uploading Multiple files | <input type="file" multiple> |
5. Geolocation:
| WebBrowser | Geolocation API Support |
| Mozilla FireFox | provides support in firefox 3.5 and Later version. |
| Chrome | provides support of Geolocation techology by using google gears geolocation API. |
| Opera | provides support to the Opera browser by using shylook Web service to retrive the location onformation. |
| Safari | provides support to the Iphomne's Safari Browser. |
| Internet Explorer | provides support Feature of Geolocation API in IE8 version. |
6. browser Support:
- The mejor browser areChrome,Safari, Internet Explorer,opera,Mozilla Firerfox.
- Google Chrome holds most of HTML5 fatures by incroporating a large number of improvement ;whereas IE* fails to suppoert majority of HTML5 features.
7. Web Strorage:
web storage feature in html5 uses 2 type of storage object.
- LocalStorage
- SessionStorage
8.Offline Application Caching:
this feature of html5 has the following advantages:
- Helps a user in browsing a website,even if the user is offline.
- Helps in loading the files that arecached much faster
- Helps in reducing the lad on the server.
9. Error Heandling:
- HTML5 has been designed in a manner so that browsers ,which do not support HTML5 can ignore the HTML5 constructs and safely load a WebPage.
- This feature of html 5 also helps you in handing the error found in the syntex of HTML while creating Document.


0 Comments