Scribd
Upload
95 views

185 html5

Uploaded by

Jibin Joy
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
95 views

185 html5

Uploaded by

Jibin Joy
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 12

HTML5

Overview

 What is HTML5
 History of HTML
 Difference of HTML5 with HTML4 and
XHTML
 New features in HTML5
 Web applications currently using HTML5
What is HTML5

 HTML 5 is the next version of Hyper Text


Markup Language
 It is developing by World Wide Web
consortium W3C.
What is the need of HTML5

Web is the commonly used medium to share and


network each other globally. So technologies used in
web are common and platform independent. But to
give more features the companies are using their own
technologies.
To give back the openness and platform independence,
W3C is developing HTML5
History of HTML5

HTML 3.0 was developed in 1995


HTML 3.2 was completed by 1997
HTML 4 was developed in the year 1998
In this year 1998 W3C stopped working on HTML and
started working on XML based HTML that is XHTML.
And it is known as XHTML 1.0.It has completed in the
year 2000
History Contd..

 In parallel with XHTML W3C worked on different


language that is not compatible to HTML and XHTML
1.0,known as XHTML2
 HTML5 was first started by Mozilla, Apple, and Opera
under a group called the WHATWG(Web Hypertext
Application Technology Working Group). In 2006 W3C
showed an interest in HTML5 and in 2007 they created
a working group to work in HTML5 project. HTML5 is
still under development.

http://seminarcollections.com
Difference with HTML4
 HTML5 introduces new elements and its attributes like
<audio> ,<video>. The above attributes are common to
all the media elements
 The new content model concepts (replacing HTML4's
block and inline concepts)
 HTML 5 allows MathML and SVG elements to be
inside a document

New elements are introduced for a better structure. For
eg: section,article,aside,Hggroup etc

http://seminarcollections.com
Difference with HTML4
 Other new elements in HTML5 are
video,audio,embed,mark,progress,meter,time,ruby,rt,rp,canv
as,command,details,datalist etc
 There are several new global attributes. They are
contentedittable, contextmenu, draggable, hidden, spell
check etc
 Some elements are missing for HTML5,they are
 big,center,font,u,s,strike etc. These effects can be
better handled by CSS
 frames, frameset, noframes etc. Their usage affected
usability and accessibility for the end user in a
negative way
 acronym, applet, isindex, dir. Their usage creates
confusion. So they avoided
http://seminarcollections.com
Difference with HTML4
 Some attributes are not allowed in HTML5:-Most of the
styling attributes are removed from the HTML5. User can
use CSS for that purpose. Examples of removed attributes
are given below.
align attribute on caption, iframe, img, input, object, legend, table,
hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th,
thead and tr
background attribute on body.
Bgcolor attribute on table, tr, td, th and body.
Border attribute on table and object.
Cellpadding and cellspacing attributes on table
New features in HTML5
 API's for multimedia by using video and audio tags
 API that allow offline web applications
 Drag and drop API
 API that exposes the history and allows pages to add to it to
prevent breaking the back button
 An API that allows a Web application to register itself for certain
protocols or media types
 Editing API in combination with a new global contenteditable
attribute
 HTML Microdata
 HTML canvas 2D context
 HTML5 web messaging
Web sites that using HTML5
 YouTube uses HTML5, www.youtube.com/html5
 Google wave, a collaboration tool from Google uses
several html5 tags
 Only some of the browser only supports HTML5
features currently
Reference
 Will HTML 5 Restandardize the Web? By steven j
Nicholas
 http://dev.w3.org/html5/spec/Overview.html#introducti
on
 http://www.w3.org/TR/html5/video.html#audio

 http://dev.w3.org/html5/html4-differences/
 http://www.whatwg.org/specs/web-apps/current-
work/#dnd
 http://dev.w3.org/html5/postmsg/#introduction-0
 http://blog.whatwg.org/the-road-to-html-5-
contenteditable

You might also like