SlideShare una empresa de 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

Más contenido relacionado

Similar 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
 

Similar 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

Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
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
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
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
 
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
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 

Último (20)

Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
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
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
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
 
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
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 

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