SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a Refael Ackermann @alphageeks on HTML5

HTML5 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA IowaHTML5 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA IowaIan Lintner
 
introduction and basic of web development
introduction and basic of web developmentintroduction and basic of web development
introduction and basic of web developmentamithvp002
 
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 StandardsChris Poteet
 
Html for translators
Html for translatorsHtml for translators
Html for translatorsAndrea Spila
 
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPBTraining HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPBWahyu Putra
 
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 webelliando dias
 
Introduction to Web Designing
Introduction to Web DesigningIntroduction to Web Designing
Introduction to Web DesigningFuhar Arora
 
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
 
Html5 Introduction For Beginners
Html5 Introduction For BeginnersHtml5 Introduction For Beginners
Html5 Introduction For BeginnersAriful Islam
 
PSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfPSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfshivanimaddalwar
 

Semelhante a 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
 

Último

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
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 educationjfdjdjcjdnsjd
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
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.pdfsudhanshuwaghmare1
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 

Último (20)

A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 

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