SlideShare a Scribd company logo
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 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA IowaHTML5 & CSS3 -- UPA Iowa
HTML5 & CSS3 -- UPA Iowa
Ian Lintner
 
introduction and basic of web development
introduction and basic of web developmentintroduction and basic of web development
introduction and basic of web development
amithvp002
 
Web technology Unit-II Part A
Web technology Unit-II Part AWeb technology Unit-II Part A
Web technology Unit-II Part A
SSN College of Engineering, Kalavakkam
 
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
Chris Poteet
 
Html5
Html5Html5
HTML
HTMLHTML
Html for translators
Html for translatorsHtml for translators
Html for translators
Andrea Spila
 
Lecture-1.pptx
Lecture-1.pptxLecture-1.pptx
Lecture-1.pptx
vishal choudhary
 
1 introduction
1 introduction1 introduction
1 introduction
SatyakiDas12
 
Html basic
Html basicHtml basic
Training HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPBTraining HTML5 CSS3 Ilkom IPB
Training HTML5 CSS3 Ilkom IPB
Wahyu Putra
 
Leran html
Leran htmlLeran html
Leran html
johir kan123
 
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
 
Introduction to Web Designing
Introduction to Web DesigningIntroduction to Web Designing
Introduction to Web Designing
Fuhar Arora
 
Basics of HTML..pptx
Basics of HTML..pptxBasics of HTML..pptx
Basics of HTML..pptx
varshachhajera
 
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 Beginners
Ariful Islam
 
HTML Prensation (1).pptx
HTML Prensation (1).pptxHTML Prensation (1).pptx
HTML Prensation (1).pptx
ashishchoudharythefu
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
Aman Tiwari
 
PSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdfPSK TECHNOLOGIES (1) (1) (1).pdf
PSK TECHNOLOGIES (1) (1) (1).pdf
shivanimaddalwar
 

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

Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
Adtran
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 

Recently uploaded (20)

Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 daysPushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 

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