html 5 introduction

11
HTML5 is the next generation of HTML An Introduction By Mahendra Kumar Author: Mahendra Kumar

Upload: mahendra-kumar

Post on 07-May-2015

2.779 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Html 5 introduction

HTML5 is the next generation of HTML

An Introduction

By Mahendra Kumar

Author: Mahendra Kumar

Page 2: Html 5 introduction

What is HTML5?

HTML5 will be the new standard for HTML, XHTML, and the HTML DOM.

The previous version of HTML came in 1999. The web has changed a lot since then.

HTML5 is still a work in progress. However, most modern browsers have some HTML5 support.

Author: Mahendra Kumar

Page 3: Html 5 introduction

What is HTML5?

Author: Mahendra Kumar

Page 4: Html 5 introduction

How Did HTML5 Get Started? HTML5 is a cooperation between the

World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG).

WHATWG was working with web forms and applications, and W3C was working with XHTML 2.0.

In 2006, they decided to cooperate and create a new version of HTML.

Author: Mahendra Kumar

Page 5: Html 5 introduction

Rough Timeline of Web Technologies

YEAR WEB TECHNOLOGY

1991 HTML

1994 HTML 2

1996 CSS1 + JAVA SCRIPT

1997 HTML 4

1998 CSS2

2000 XHTML 1

2002 TABLELESS WEB DESIGN

2005 AJAX

2009 HTML 5

Author: Mahendra Kumar

Page 6: Html 5 introduction

How Did HTML5 Get Started? Some rules for HTML5 were established:

New features should be based on HTML, CSS, DOM, and JavaScript

Reduce the need for external plugins (like Flash)

Better error handling

More markup to replace scripting

HTML5 should be device independent

The development process should be visible to the public

Author: Mahendra Kumar

Page 7: Html 5 introduction

http://www.toddperkins.com/2010/05/10/html5-vs-flash-pros-and-cons/

Author: Mahendra Kumar

Page 8: Html 5 introduction

What Is Included in HTML5

HTML 5 can effectively broken down into the following segments

Core page structure Visual presentation Graphical tools Rich media support Enhancement to Java Script

Author: Mahendra Kumar

Page 9: Html 5 introduction

New Features

Some of the most interesting new features in HTML5: The canvas element for drawing The video and audio elements for media playback Better support for local offline storage New content specific elements, like article, footer, header,

nav, section New form controls, like calendar, date, time, email, url,

search

Author: Mahendra Kumar

Page 10: Html 5 introduction

Author: Mahendra Kumar

Page 11: Html 5 introduction

CSS 3 support

Author: Mahendra Kumar