Scribd
Upload
47 views

HTML 5

HTML5 is a new version of the HTML markup language that provides new semantics and APIs for web pages. It introduces several new elements like <article>, <aside>, <nav>, <video>, and <audio> tags. HTML5 also features new form input types, canvas for drawing graphics, and APIs for offline applications, storage, and other features. The development timeline for HTML5 began in 2007 with draft specifications, and it is expected to reach recommendation status in 2022. Browser support for HTML5 is still evolving, with some features supported by newer browsers but not older ones.

Uploaded by

Durgesh Sharma
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
47 views

HTML 5

HTML5 is a new version of the HTML markup language that provides new semantics and APIs for web pages. It introduces several new elements like <article>, <aside>, <nav>, <video>, and <audio> tags. HTML5 also features new form input types, canvas for drawing graphics, and APIs for offline applications, storage, and other features. The development timeline for HTML5 began in 2007 with draft specifications, and it is expected to reach recommendation status in 2022. Browser support for HTML5 is still evolving, with some features supported by newer browsers but not older ones.

Uploaded by

Durgesh Sharma
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 30

A NEW VERSION OF HTML

HTML5
PRESENTED BY :
DURGESH SHARMA (08EVVCS021) VIT(EAST)

The Plan
HTML 5
What is HTML HTML History
A New

Version of
HTML

A&Q

Sample Document HTML 5

What New in HTML 5

What is HTML ?

HTML stands for Hyper Text Mark-up Language An HTML file is a text file containing small mark-up tags The mark-up tags tell the Web browser how to display the page An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor

History of Html

First Revisions (1990 1995) : CERN and IETF HTML 3.0 (1995) : W3C HTML 3.2 (1997) HTML 4 (1998) XHTML: XML-Based HTML. HTML5

WHATWG started working on 2004 First public working draft on 2008 October 2009 : Last Call (spec is close to be finished, but implementation is not)

Expected to reach the Candidate Recommendation late 2012

What we'll Cover in HTML 5

What is New in HTML 5 When Will we able to use the feature of html5 Or When will HTML 5 be Finished RESOURCES Q & A.

What New in HTML 5

New Tags

New Tag in HTML5


article aside audio canvas footer header nav output progress video source time

Input Tags

Color Favourate color<input type=color name=favcolor> Date Birthday:<input type=date name=bdate> Email email: <input type=email name=usermail> Month Number etc.

Form Elements
1.Datalist

2.Keygen 3.Output

Layout - HTML4
div=header div=nav div=section div=article

div=sidebar

div=footer

Layout - HTML5
<header>

<nav>
<section> <article> <aside>

<footer>

<header> <nav>

<article>

<aside>

<footer>

<time>

<figure>

<legend>

<meter>

Video

Native video support in browsers DOM APIs for providing custom interfaces No more dependence upon Flash

Video Implementations

Opera (Experimental, Ogg Theora) Safari 3.1 (All QuickTime formats) Firefox 3.1 alpha 2 (Ogg Theora)

Canvas

Dynamically draw graphics and text Graphics-oriented DOM APIs

Canvas Implementations

Opera Firefox Safari IE 6+ using Explorer Canvas script

Future Potential
Old Way HTML 4
New Way HTML5

HTML 5 Audio & Video


<video src="movie.ogg"> Your browser is not video-enabled ; <a href="movie.ogg">download the video</a> and
<a href="movie.txt">transcript</a>. </video> <audio src="horse.wav"> Your browser does not support the audio element. <a href=horse.wav">transcript</a> </audio> If you want users to access content, dont put it inside the video or audio elements

Sample HTML 5 Document


<!DOCTYPE html>
<html> <head> <title>HTML 5 Sample</title> </head> <body> <p> A sample HTML 5 document <img src="sample.png" alt="sample image"> </p> </body>

</html>

when will HTML5 be official?

HTML 5 Development Timeline


First W3C Working Draft in October 2007. Last Call Working Draft in October 2009. Call for contributions for the test suite in 2011. Candidate Recommendation in 2012. First draft of test suite in 2012. Second draft of test suite in 2015. Final version of test suite in 2019. Reissued Last Call Working Draft in 2020. Proposed Recommendation in 2022

October 2007 First W3C Working Draft

October 2009 Last Call Working Draft

2011 Call for test suite contributions

2022

2015 Second draft of test suite

2012 First draft of test suite

2012 Candidate Recommendation

2019 Final version of test suite.

2020 Reissued Last Call Working Draft

2022 Proposed Recommendation

Browser Support

Opera 9.x (supposedly) offers best support Safari 3.x Firefox 3.x Chrome? IE9

Downside of HTML5

The only thought that comes against HTML5 is that everything not work in every browser

Extensible ? Questionable

Conclusion: What does it all mean?


Its a work in progress Its going to be awhile before were using HTML5 It may turn up in mobile browsers first HTML5 will lead to browser-based apps that are more powerful and more responsive

Demo
Video Audio Geolocation Canvas

Resources \ References
http://ie.microsoft.com/testdrive/
http://ie.w3schools.com/testdrive/ html 5: the markup language

THANK YOU

Any Questions or Comments?

You might also like