New in html5
- 1. Prepared By: Ahmed Youssef. AHMEDYOUSEF 2011
- 2. What is new in HTML5 ? AHMEDYOUSEF 2011
- 3. Introduction Rough Timeline of Web Technologies. So what's new? New structural elements. New inline elements. HTML 5 New Form Types. HTML 5 Removes Some Elements. AHMEDYOUSEF 2011
- 4. Rough Timeline of Web Technologies. 1991 1994 1996 1997 1998 2000 2005 AHMEDYOUSEF 2011
- 5. So what's new? There are a few exciting new elements in HTML 5: • <canvas> - an element to give you a drawing space in JavaScript on your Web pages. • <video> - add video to your Web pages with this simple tag. • <audio> - add sound to your Web pages with this simple tag. AHMEDYOUSEF 2011
- 6. New structural elements. • <section> - to define sections of pages. • <header> - defines the header of a page. • <footer> - defines the footer of a page. • <nav> - defines the navigation on a page. • <article> - defines the article or primary content on a page. • <aside> - defines extra content like a sidebar on a page. • <figure> - defines images that annotate an article. AHMEDYOUSEF 2011
- 7. New inline elements. • <mark> - to indicate content that is marked in some fashion • <time> - to indicate content that is a time or date • <meter> - to indicate content that is a fraction of a known range - such as disk usage • <progress> - to indicate the progress of a task towards completion AHMEDYOUSEF 2011
- 8. HTML 5 New Form Types. • date time • date time-local • date • month • week • time • number • range • email • url AHMEDYOUSEF 2011
- 9. HTML 5 Removes Some Elements. • acronym • applet • basefont • big • center • dir • font • frame • frameset • isindex • noframes • noscript • s • strike • tt • u AHMEDYOUSEF 2011
- 10. References • http://webdesign.about.com/od/html5/a/ht ml_5_whats_new.htm • http://www.phpguru.org/whats-new-in- html5 • http://www.w3schools.com/html5/default.a sp AHMEDYOUSEF 2011