SlideShare une entreprise Scribd logo
1  sur  30
HTML5 OLIVER ZICO MENDES VII Semester, Info Sci& Engg, MITE  Cell: +91 9916967888  Web: http://dotexec.com  AboutMe: http://about.me/zico Blog: http://psynyd.tumblr.com Tweet: http://twitter.com/scizzics  Facebook: http://facebook.com/scizzics 
 The Next Big Thing … HTML 5        Exciting, New Standard for  Developing Websites & Applications
HTML5 is still under Development
HTML Timeline 1995 – HTML 2.0 Formalized the syntax and many of the rules that were already implemented. 1997 – HTML 3.2 Largely ignored by browser manufacturers who began to implement their own tags. 1998 – Web Standards Project Pushed for standards adoption, added weight to the W3C recommendations and promoted standards-based browsers.
1999 – HTML 4.0 Stabilized the syntax and structure of HTML, became the standard for web authoring. 2000 – XHTML 1.0 Designed to move HTML towards XML. DTDs often caused it to render as HTML
The Growth of the Web 2000 – 2004  High Bandwidth connections increase, as does the demand for the multimedia and applications driven by technology such as Flash and AJAX  Work on XHTML 2.0 begins
The Rise of HTML 5 2004 – WHATWG begins what will become HTML 5     2007 – W3C charters new working group and adopts WHATWG’s work, renamed HTML 5  2009 – W3C does not renew the XHTML 2.0 charter        2010 – Driven in large part by Apple and Google, public interest in HTML 5 grows
Why do we need HTML 5
HTML 5  Specification is Much Larger
HTML5 Vision & Design Principles Compatibility Utility Interoperability Universal Access
DOCTYPE has been Simplified Prior Doctypes <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”  “http://www.w3.org/TR/html4/loose.dtd”>  <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd”>
HTML 5<!DOCTYPE HMTL>
HTML 5 Character Encoding HTML 4 <meta   http-equiv=“Content-Type”  content=“text/html;    charset=UTF-8” /> HTML 5 <meta    charset=“UTF-8” />
HTML 5 New Elements article, aside, audio, canvas, command,  datalist, details, embed, figcaption, figure,  footer, header, hgroup, keygen, mark, meter,  nav, output, progress, rp, ruby, section,  source, summary, time, video
Deprecated Elements basefont, big, center, font, s, strike, tt,u frame, frameset, noframes acronym, applet, isindex, dir
New Semantic Elements <header> <nav> <section> <article> <footer> <aside>
Forms in HTML 5 Web Forms 2.0 specifications is integrated into HTML 5 Date pickers, color, pickers, and numeric stepper controls added Input field types now include email,  search, and url PUT and DELETE form methods now supported
      Audio                     Video                   Offline Apps                 Editable 		      Drag & Drop               Integrated APIs
Associated APIs                       Messaging Geolocation
Other Features HTML5 Web Workers HTML5 Structure & CSS3 HTML5 Local Storage HTML5 API’s & Mobile HTML5 Dynamic imaging with Canvas
Error Handling Previous specifications left error handling up to user agents XHMTL 2.0 featured draconian error handling Pages would stop rendering if an error was found HTML 5 features detailed algorithms for parsing errors
Current Support
Browser Support
Online Resources Wikipedia http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5) FindMeByIp http://findmebyip.com Microsoft IE 9 Test Center http://samples.msdn.microsoft.com/ietestcenter/
Can I Use http://caniuse.com/ HTML 5 Test http://html5test.com MODERNIZR http://www.modernizr.com
HTML 5 Timeline 2004 – Workshop on web Applications and Compound Documents 2005 – Web Applications 1.0 Working Draft published 2007 – W3c adopt WHATWG’s work in a new charter, publishes                                 the new HTML 5 Working Draft 2009 – Last call issued for the HTML 5 Working Draft 2012 – HTML 5 Specification to reach Candidate status (projected) 2022 – HTML 5 Specification to reach Recommendation status                                                        (projected)
Current State of HTML 5 2010 - 2011   Working Draft is in Last Call Some parts of the Draft are more mature than others. Increasing number of devices and browsers feature partial implementation. You don’t have to wait to start using some aspects of HTML 5!
Downsides Development of HTML5 specifications is slow and is subject to change Real time video streaming is not supported nor is the full screen video HTML is not an XML standard, so may be incompatible with XSLT & MathML
Future Even though it is far from being finished, a lot of developers have started use HTML5 features that are being currently supported by the browsers. It will eventually evolve into a programming platform. There is a possibility that it will replace Flash & Silverlight. Search Engines  will give better results. Web Pages will be able to load faster.
 Thank You Any Doubts …??

Contenu connexe

Tendances

HTML5 for PHP Developers - IPC
HTML5 for PHP Developers - IPCHTML5 for PHP Developers - IPC
HTML5 for PHP Developers - IPCMayflower GmbH
 
Full-Stack Development
Full-Stack DevelopmentFull-Stack Development
Full-Stack DevelopmentDhilipsiva DS
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
Koubei banquet 30
Koubei banquet 30Koubei banquet 30
Koubei banquet 30Koubei UED
 
Html 5 a step towards semantic web
Html 5   a step towards semantic webHtml 5   a step towards semantic web
Html 5 a step towards semantic webSachin Khosla
 
Fundamentals of TempDB
Fundamentals of TempDBFundamentals of TempDB
Fundamentals of TempDBBrent Ozar
 
Improving Dashboards with open content sharing
Improving Dashboards with open content sharingImproving Dashboards with open content sharing
Improving Dashboards with open content sharingLachlan Hardy
 
Beg, Borrow or Steal: The Art of Flashing Without Flashing
Beg, Borrow or Steal: The Art of Flashing Without FlashingBeg, Borrow or Steal: The Art of Flashing Without Flashing
Beg, Borrow or Steal: The Art of Flashing Without Flashingspjwebster
 
15 Essential WordPress Plugins
15 Essential WordPress Plugins15 Essential WordPress Plugins
15 Essential WordPress PluginsMykl Roventine
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web componentsJames York
 

Tendances (13)

HTML5 for PHP Developers - IPC
HTML5 for PHP Developers - IPCHTML5 for PHP Developers - IPC
HTML5 for PHP Developers - IPC
 
Full-Stack Development
Full-Stack DevelopmentFull-Stack Development
Full-Stack Development
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
Koubei banquet 30
Koubei banquet 30Koubei banquet 30
Koubei banquet 30
 
Html 5 a step towards semantic web
Html 5   a step towards semantic webHtml 5   a step towards semantic web
Html 5 a step towards semantic web
 
HTML Resources
HTML ResourcesHTML Resources
HTML Resources
 
Real solutions, no tricks
Real solutions, no tricksReal solutions, no tricks
Real solutions, no tricks
 
Fundamentals of TempDB
Fundamentals of TempDBFundamentals of TempDB
Fundamentals of TempDB
 
Improving Dashboards with open content sharing
Improving Dashboards with open content sharingImproving Dashboards with open content sharing
Improving Dashboards with open content sharing
 
Beg, Borrow or Steal: The Art of Flashing Without Flashing
Beg, Borrow or Steal: The Art of Flashing Without FlashingBeg, Borrow or Steal: The Art of Flashing Without Flashing
Beg, Borrow or Steal: The Art of Flashing Without Flashing
 
15 Essential WordPress Plugins
15 Essential WordPress Plugins15 Essential WordPress Plugins
15 Essential WordPress Plugins
 
The Open Web
The Open WebThe Open Web
The Open Web
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
 

En vedette

Nonprofit Death and IRS Form 990
Nonprofit Death and IRS Form 990Nonprofit Death and IRS Form 990
Nonprofit Death and IRS Form 990Russell James
 
Auto Quotient - Tech Nidarshan 14 - NMAMIT, Nitte
Auto Quotient  - Tech Nidarshan 14 - NMAMIT, NitteAuto Quotient  - Tech Nidarshan 14 - NMAMIT, Nitte
Auto Quotient - Tech Nidarshan 14 - NMAMIT, NitteOliver Zico Mendes
 
The secret to understanding planned giving
The secret to understanding planned givingThe secret to understanding planned giving
The secret to understanding planned givingRussell James
 
Slides for the dig deep approach with auto quiz
Slides for the dig deep approach with auto quizSlides for the dig deep approach with auto quiz
Slides for the dig deep approach with auto quizCodex 10168
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsLinkedIn
 

En vedette (9)

Hacked
HackedHacked
Hacked
 
Private foundations
Private foundationsPrivate foundations
Private foundations
 
Nonprofit Death and IRS Form 990
Nonprofit Death and IRS Form 990Nonprofit Death and IRS Form 990
Nonprofit Death and IRS Form 990
 
Auto Quotient - Tech Nidarshan 14 - NMAMIT, Nitte
Auto Quotient  - Tech Nidarshan 14 - NMAMIT, NitteAuto Quotient  - Tech Nidarshan 14 - NMAMIT, Nitte
Auto Quotient - Tech Nidarshan 14 - NMAMIT, Nitte
 
The secret to understanding planned giving
The secret to understanding planned givingThe secret to understanding planned giving
The secret to understanding planned giving
 
Sentia 2012 IT Quiz Prelims
Sentia 2012 IT Quiz PrelimsSentia 2012 IT Quiz Prelims
Sentia 2012 IT Quiz Prelims
 
Slides for the dig deep approach with auto quiz
Slides for the dig deep approach with auto quizSlides for the dig deep approach with auto quiz
Slides for the dig deep approach with auto quiz
 
Sentia 2012 IT Quiz Finals
Sentia 2012 IT Quiz FinalsSentia 2012 IT Quiz Finals
Sentia 2012 IT Quiz Finals
 
Study: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving CarsStudy: The Future of VR, AR and Self-Driving Cars
Study: The Future of VR, AR and Self-Driving Cars
 

Similaire à Html5 (20)

Html5
Html5Html5
Html5
 
Everything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 minEverything you need to know about HTML5 in 15 min
Everything you need to know about HTML5 in 15 min
 
HTML 5
HTML 5HTML 5
HTML 5
 
HTML5
HTML5HTML5
HTML5
 
HTML5
HTML5HTML5
HTML5
 
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...IJCER (www.ijceronline.com) International Journal of computational Engineerin...
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
 
HTML5 and Joomla! 2.5 Template
HTML5 and Joomla! 2.5 TemplateHTML5 and Joomla! 2.5 Template
HTML5 and Joomla! 2.5 Template
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
Html5(2)
Html5(2)Html5(2)
Html5(2)
 
HTML5 and DHTML
HTML5 and DHTMLHTML5 and DHTML
HTML5 and DHTML
 
Html 5 Features And Benefits
Html 5 Features And Benefits  Html 5 Features And Benefits
Html 5 Features And Benefits
 
HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5HTML5 Introduction – Features and Resources for HTML5
HTML5 Introduction – Features and Resources for HTML5
 
Html5
Html5Html5
Html5
 
UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7UMK Lecture 5 - HTML5 latest v7
UMK Lecture 5 - HTML5 latest v7
 
HTML5 101
HTML5 101HTML5 101
HTML5 101
 
XHTML Web Designs.pdf
XHTML Web Designs.pdfXHTML Web Designs.pdf
XHTML Web Designs.pdf
 
HTML5 vs Flash : Term paper at VGSOM, IIT Kharagpur
HTML5 vs Flash : Term paper at VGSOM, IIT KharagpurHTML5 vs Flash : Term paper at VGSOM, IIT Kharagpur
HTML5 vs Flash : Term paper at VGSOM, IIT Kharagpur
 
HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)HTML5--The 30,000' View (A fast-paced overview of HTML5)
HTML5--The 30,000' View (A fast-paced overview of HTML5)
 
Report html5
Report html5Report html5
Report html5
 
MOHAN ppt.pptx
MOHAN ppt.pptxMOHAN ppt.pptx
MOHAN ppt.pptx
 

Dernier

Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 

Dernier (20)

Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 

Html5

  • 1. HTML5 OLIVER ZICO MENDES VII Semester, Info Sci& Engg, MITE  Cell: +91 9916967888  Web: http://dotexec.com  AboutMe: http://about.me/zico Blog: http://psynyd.tumblr.com Tweet: http://twitter.com/scizzics  Facebook: http://facebook.com/scizzics 
  • 2. The Next Big Thing … HTML 5 Exciting, New Standard for Developing Websites & Applications
  • 3. HTML5 is still under Development
  • 4. HTML Timeline 1995 – HTML 2.0 Formalized the syntax and many of the rules that were already implemented. 1997 – HTML 3.2 Largely ignored by browser manufacturers who began to implement their own tags. 1998 – Web Standards Project Pushed for standards adoption, added weight to the W3C recommendations and promoted standards-based browsers.
  • 5. 1999 – HTML 4.0 Stabilized the syntax and structure of HTML, became the standard for web authoring. 2000 – XHTML 1.0 Designed to move HTML towards XML. DTDs often caused it to render as HTML
  • 6. The Growth of the Web 2000 – 2004 High Bandwidth connections increase, as does the demand for the multimedia and applications driven by technology such as Flash and AJAX Work on XHTML 2.0 begins
  • 7. The Rise of HTML 5 2004 – WHATWG begins what will become HTML 5 2007 – W3C charters new working group and adopts WHATWG’s work, renamed HTML 5 2009 – W3C does not renew the XHTML 2.0 charter 2010 – Driven in large part by Apple and Google, public interest in HTML 5 grows
  • 8. Why do we need HTML 5
  • 9. HTML 5 Specification is Much Larger
  • 10. HTML5 Vision & Design Principles Compatibility Utility Interoperability Universal Access
  • 11. DOCTYPE has been Simplified Prior Doctypes <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd”>
  • 13. HTML 5 Character Encoding HTML 4 <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” /> HTML 5 <meta charset=“UTF-8” />
  • 14. HTML 5 New Elements article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, ruby, section, source, summary, time, video
  • 15. Deprecated Elements basefont, big, center, font, s, strike, tt,u frame, frameset, noframes acronym, applet, isindex, dir
  • 16. New Semantic Elements <header> <nav> <section> <article> <footer> <aside>
  • 17. Forms in HTML 5 Web Forms 2.0 specifications is integrated into HTML 5 Date pickers, color, pickers, and numeric stepper controls added Input field types now include email, search, and url PUT and DELETE form methods now supported
  • 18. Audio Video Offline Apps Editable Drag & Drop Integrated APIs
  • 19. Associated APIs Messaging Geolocation
  • 20. Other Features HTML5 Web Workers HTML5 Structure & CSS3 HTML5 Local Storage HTML5 API’s & Mobile HTML5 Dynamic imaging with Canvas
  • 21. Error Handling Previous specifications left error handling up to user agents XHMTL 2.0 featured draconian error handling Pages would stop rendering if an error was found HTML 5 features detailed algorithms for parsing errors
  • 24. Online Resources Wikipedia http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5) FindMeByIp http://findmebyip.com Microsoft IE 9 Test Center http://samples.msdn.microsoft.com/ietestcenter/
  • 25. Can I Use http://caniuse.com/ HTML 5 Test http://html5test.com MODERNIZR http://www.modernizr.com
  • 26. HTML 5 Timeline 2004 – Workshop on web Applications and Compound Documents 2005 – Web Applications 1.0 Working Draft published 2007 – W3c adopt WHATWG’s work in a new charter, publishes the new HTML 5 Working Draft 2009 – Last call issued for the HTML 5 Working Draft 2012 – HTML 5 Specification to reach Candidate status (projected) 2022 – HTML 5 Specification to reach Recommendation status (projected)
  • 27. Current State of HTML 5 2010 - 2011 Working Draft is in Last Call Some parts of the Draft are more mature than others. Increasing number of devices and browsers feature partial implementation. You don’t have to wait to start using some aspects of HTML 5!
  • 28. Downsides Development of HTML5 specifications is slow and is subject to change Real time video streaming is not supported nor is the full screen video HTML is not an XML standard, so may be incompatible with XSLT & MathML
  • 29. Future Even though it is far from being finished, a lot of developers have started use HTML5 features that are being currently supported by the browsers. It will eventually evolve into a programming platform. There is a possibility that it will replace Flash & Silverlight. Search Engines will give better results. Web Pages will be able to load faster.
  • 30. Thank You Any Doubts …??