SlideShare a Scribd company logo
1 of 8
WTF is HTML 5?
Agenda History (When? & Who?) Motivation & Changes (Why? & What?) Examples (How?)
History 1980-1990 Sir T.B.L. conjures up the WWW including a Hyper Text Markup Language  1994 – IETF takes over and form an HTML working group  1995 – HTML 2  1997 – W3C Takes charge and publishes HTML 3.2  1998 – HTML 4 – with the three flavors  2000 – XHTML 1.0  2001 – XHTML 1.1 … Web Hypertext Application Technology Working Group      WHATWG  2009 – XHTML 2.0 still in draft – W3C closed XHTML 2 working group
Motivation & Changes (1) Standardize common patterns DOM Manipulation & Animation autofocus, drag&drop, spellcheck, contenteditable Form input validation <input type=“number | email | url | date …”> Mark up semantics <header> <footer> <nav> <address> microformats
Motivation & Changes (2) Promote open technologies <video> <audio> <canvas> Web workers & cross domain communication Web storage
Motivation & Changes (3) Innovation New elements & Attributes: <section> <article> <footer> <progress> <nav> <meter> <time> <aside> ping (on a and area) charset (on meta) async (on script) Removed the s##ty elements: <center> <font> <strike> <frameset> Parsing not based on SGML
Examples New markup (FF) onhashchange (Chrome) Drag & Drop (FF) New inputs (Opera) Video (Chrome) Content Injection (FF)
Links The spec draft What can I use WHATWG Wiki Differences from HTML 4 Presentations by WHATWG

More Related Content

Similar to Refael Ackermann @alphageeks on HTML5

HTML5: The New html for the web
HTML5: The New html for the webHTML5: The New html for the web
HTML5: The New html for the web
elliando dias
 
HTML 5 – Let's Make Progress [pseweb 2011]
HTML 5 – Let's Make Progress [pseweb 2011]HTML 5 – Let's Make Progress [pseweb 2011]
HTML 5 – Let's Make Progress [pseweb 2011]
Shahab Lashkari
 

Similar to Refael Ackermann @alphageeks on HTML5 (20)

HTML5 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA IowaHTML5 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA Iowa
 
introduction and basic of web development
introduction and basic of web developmentintroduction and basic of web development
introduction and basic of web development
 
Web technology Unit-II Part A
Web technology Unit-II Part AWeb technology Unit-II Part A
Web technology Unit-II Part A
 
HTML 5 vs. XHTML 2: The Future of Web Standards
HTML 5 vs. XHTML 2: The Future of Web StandardsHTML 5 vs. XHTML 2: The Future of Web Standards
HTML 5 vs. XHTML 2: The Future of Web Standards
 
Html5
Html5Html5
Html5
 
HTML
HTMLHTML
HTML
 
Html for translators
Html for translatorsHtml for translators
Html for translators
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
 
1 introduction
1 introduction1 introduction
1 introduction
 
Html basic
Html basicHtml basic
Html basic
 
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPBTraining HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPB
 
Leran html
Leran htmlLeran html
Leran html
 
HTML5: The New html for the web
HTML5: The New html for the webHTML5: The New html for the web
HTML5: The New html for the web
 
Introduction to Web Designing
Introduction to Web DesigningIntroduction to Web Designing
Introduction to Web Designing
 
Basics of HTML..pptx
Basics of HTML..pptxBasics of HTML..pptx
Basics of HTML..pptx
 
HTML 5 – Let's Make Progress [pseweb 2011]
HTML 5 – Let's Make Progress [pseweb 2011]HTML 5 – Let's Make Progress [pseweb 2011]
HTML 5 – Let's Make Progress [pseweb 2011]
 
Html5 Introduction For Beginners
Html5 Introduction For BeginnersHtml5 Introduction For Beginners
Html5 Introduction For Beginners
 
HTML Prensation (1).pptx
HTML Prensation (1).pptxHTML Prensation (1).pptx
HTML Prensation (1).pptx
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
PSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfPSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdf
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 

Refael Ackermann @alphageeks on HTML5

  • 2. Agenda History (When? & Who?) Motivation & Changes (Why? & What?) Examples (How?)
  • 3. History 1980-1990 Sir T.B.L. conjures up the WWW including a Hyper Text Markup Language 1994 – IETF takes over and form an HTML working group 1995 – HTML 2 1997 – W3C Takes charge and publishes HTML 3.2 1998 – HTML 4 – with the three flavors 2000 – XHTML 1.0 2001 – XHTML 1.1 … Web Hypertext Application Technology Working Group WHATWG 2009 – XHTML 2.0 still in draft – W3C closed XHTML 2 working group
  • 4. Motivation & Changes (1) Standardize common patterns DOM Manipulation & Animation autofocus, drag&drop, spellcheck, contenteditable Form input validation <input type=“number | email | url | date …”> Mark up semantics <header> <footer> <nav> <address> microformats
  • 5. Motivation & Changes (2) Promote open technologies <video> <audio> <canvas> Web workers & cross domain communication Web storage
  • 6. Motivation & Changes (3) Innovation New elements & Attributes: <section> <article> <footer> <progress> <nav> <meter> <time> <aside> ping (on a and area) charset (on meta) async (on script) Removed the s##ty elements: <center> <font> <strike> <frameset> Parsing not based on SGML
  • 7. Examples New markup (FF) onhashchange (Chrome) Drag & Drop (FF) New inputs (Opera) Video (Chrome) Content Injection (FF)
  • 8. Links The spec draft What can I use WHATWG Wiki Differences from HTML 4 Presentations by WHATWG