SlideShare a Scribd company logo
1 of 30
Download to read offline
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 …??

More Related Content

What's hot

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
 

What's hot (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
 

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 

Recently uploaded

Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessWSO2
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentMahmoud Rabie
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Jeffrey Haguewood
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialJoão Esperancinha
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfAarwolf Industries LLC
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 

Recently uploaded (20)

Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with Platformless
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Digital Tools & AI in Career Development
Digital Tools & AI in Career DevelopmentDigital Tools & AI in Career Development
Digital Tools & AI in Career Development
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorial
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 

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 …??