SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
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 …??

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Destacado

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
 

Destacado (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 a 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
 

Último

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
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
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
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
 
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
 
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
 
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
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...itnewsafrica
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
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
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sectoritnewsafrica
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 

Último (20)

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
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
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
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...
 
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
 
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...
 
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...
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...
Irene Moetsana-Moeng: Stakeholders in Cybersecurity: Collaborative Defence fo...
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
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...
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 

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