SlideShare una empresa de Scribd logo
1 de 9
What the heck is…




                               Cheryl Lowry

                    University of Washington
                                      MCDM
                         COM585: Managing
                         Your Web Presence
                          November 2, 2011
<Tim Berners-Lee>
XHTML 2.0



HTML5
Play videos and audio
directly in the browser

  <audio>
  <video>
  No need for plug-ins
     And embed code
Dynamic animations and games



  <canvas>
No more app store?
html5test.com: does your
browser support HTML5?
References
• What is XHTML?http://wiki.whatwg.org/wiki/HTML_vs._XHTML
• Tim Berners-Lee: “Reinventing HTML”
  http://dig.csail.mit.edu/breadcrumbs/node/166
• A brief history of markup, by Jeremy Keith
  http://www.alistapart.com/articles/a-brief-history-of-markup/
• What is HTML5? http://radar.oreilly.com/2011/07/what-is-html5.html
• Why HTML will kill (or seriously injure) mobile app stores
  http://flipthemedia.com/index.php/2011/07/why-html-5-will-kill-or-
  seriously-injure-mobile-app-stores/
• Apple shows off Safari’s pioneering HTML5 support
  http://www.wired.com/epicenter/2009/03/apple-shows-off/
• How well does your browser support HTML5? http://html5test.com/
• Buy a shirt, support the open web platform: http://html5shirt.com/

Más contenido relacionado

Similar a What the heck is... HTML5

Adding Value to Cultural Heritage (the 2012 edition)
Adding Value to Cultural Heritage (the 2012 edition)Adding Value to Cultural Heritage (the 2012 edition)
Adding Value to Cultural Heritage (the 2012 edition)Olaf Janssen
 
Introduction to Adobe Brackets
Introduction to Adobe BracketsIntroduction to Adobe Brackets
Introduction to Adobe BracketsMihai Corlan
 
introduction and basic of web development
introduction and basic of web developmentintroduction and basic of web development
introduction and basic of web developmentamithvp002
 
Second Life and Business
Second Life and BusinessSecond Life and Business
Second Life and BusinessRichard Urban
 
Micro Services Conquer Monoliths
Micro Services Conquer MonolithsMicro Services Conquer Monoliths
Micro Services Conquer MonolithsKiran Singh
 
Atlogys html5 presentation (2)
Atlogys html5 presentation (2)Atlogys html5 presentation (2)
Atlogys html5 presentation (2)ramani srinivasan
 
Tomer Shiri - A Bug's Life - How to Avoid Production Catastrophes
Tomer Shiri - A Bug's Life - How to Avoid Production CatastrophesTomer Shiri - A Bug's Life - How to Avoid Production Catastrophes
Tomer Shiri - A Bug's Life - How to Avoid Production Catastrophestlv-ios-dev
 
Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Will Critchlow
 
Web 2.0 Awareness for Section 508
Web 2.0 Awareness for Section 508Web 2.0 Awareness for Section 508
Web 2.0 Awareness for Section 508Norman Robinson
 
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…Avenga Germany GmbH
 
Making the Web Fireproof: A Building Code for Websites
Making the Web Fireproof: A Building Code for WebsitesMaking the Web Fireproof: A Building Code for Websites
Making the Web Fireproof: A Building Code for WebsitesDylan Wilbanks
 
Semantic Web: In Quest for the Next Generation Killer Apps
Semantic Web: In Quest for the Next Generation Killer AppsSemantic Web: In Quest for the Next Generation Killer Apps
Semantic Web: In Quest for the Next Generation Killer AppsJie Bao
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Jonathan Jeon
 
WebSphere Liberty Real-Time Communications (WebRTC)
WebSphere Liberty Real-Time Communications (WebRTC)WebSphere Liberty Real-Time Communications (WebRTC)
WebSphere Liberty Real-Time Communications (WebRTC)Brian Pulito
 
Web Services for Fun and Profit
Web Services for Fun and ProfitWeb Services for Fun and Profit
Web Services for Fun and ProfitSimon Willison
 
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드강 민우
 

Similar a What the heck is... HTML5 (20)

html5 project.pptx
html5 project.pptxhtml5 project.pptx
html5 project.pptx
 
Intro to Web Development
Intro to Web DevelopmentIntro to Web Development
Intro to Web Development
 
Adding Value to Cultural Heritage (the 2012 edition)
Adding Value to Cultural Heritage (the 2012 edition)Adding Value to Cultural Heritage (the 2012 edition)
Adding Value to Cultural Heritage (the 2012 edition)
 
Introduction to Adobe Brackets
Introduction to Adobe BracketsIntroduction to Adobe Brackets
Introduction to Adobe Brackets
 
introduction and basic of web development
introduction and basic of web developmentintroduction and basic of web development
introduction and basic of web development
 
Second Life and Business
Second Life and BusinessSecond Life and Business
Second Life and Business
 
Micro Services Conquer Monoliths
Micro Services Conquer MonolithsMicro Services Conquer Monoliths
Micro Services Conquer Monoliths
 
Atlogys html5 presentation (2)
Atlogys html5 presentation (2)Atlogys html5 presentation (2)
Atlogys html5 presentation (2)
 
Atlogys Tech Talk - Working with HTML5 and CSS3
Atlogys Tech Talk - Working with HTML5 and CSS3Atlogys Tech Talk - Working with HTML5 and CSS3
Atlogys Tech Talk - Working with HTML5 and CSS3
 
Tomer Shiri - A Bug's Life - How to Avoid Production Catastrophes
Tomer Shiri - A Bug's Life - How to Avoid Production CatastrophesTomer Shiri - A Bug's Life - How to Avoid Production Catastrophes
Tomer Shiri - A Bug's Life - How to Avoid Production Catastrophes
 
Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012
 
Web2 Jec
Web2 JecWeb2 Jec
Web2 Jec
 
Web 2.0 Awareness for Section 508
Web 2.0 Awareness for Section 508Web 2.0 Awareness for Section 508
Web 2.0 Awareness for Section 508
 
Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…Why HTML5 is getting on my nerves…
Why HTML5 is getting on my nerves…
 
Making the Web Fireproof: A Building Code for Websites
Making the Web Fireproof: A Building Code for WebsitesMaking the Web Fireproof: A Building Code for Websites
Making the Web Fireproof: A Building Code for Websites
 
Semantic Web: In Quest for the Next Generation Killer Apps
Semantic Web: In Quest for the Next Generation Killer AppsSemantic Web: In Quest for the Next Generation Killer Apps
Semantic Web: In Quest for the Next Generation Killer Apps
 
Web Technology and Standards Tutorial
Web Technology and Standards Tutorial Web Technology and Standards Tutorial
Web Technology and Standards Tutorial
 
WebSphere Liberty Real-Time Communications (WebRTC)
WebSphere Liberty Real-Time Communications (WebRTC)WebSphere Liberty Real-Time Communications (WebRTC)
WebSphere Liberty Real-Time Communications (WebRTC)
 
Web Services for Fun and Profit
Web Services for Fun and ProfitWeb Services for Fun and Profit
Web Services for Fun and Profit
 
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드
[IGC 2017] 잔디소프트 윤세민 - HTML5, 크로스플랫폼, 그리고 MMORPG feat. 매드월드
 

Último

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
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
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
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
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
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
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
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
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 Processorsdebabhi2
 

Último (20)

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...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
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...
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
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
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
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
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
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
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
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
 

What the heck is... HTML5

  • 1. What the heck is… Cheryl Lowry University of Washington MCDM COM585: Managing Your Web Presence November 2, 2011
  • 3.
  • 5. Play videos and audio directly in the browser <audio> <video> No need for plug-ins And embed code
  • 6. Dynamic animations and games <canvas>
  • 7. No more app store?
  • 9. References • What is XHTML?http://wiki.whatwg.org/wiki/HTML_vs._XHTML • Tim Berners-Lee: “Reinventing HTML” http://dig.csail.mit.edu/breadcrumbs/node/166 • A brief history of markup, by Jeremy Keith http://www.alistapart.com/articles/a-brief-history-of-markup/ • What is HTML5? http://radar.oreilly.com/2011/07/what-is-html5.html • Why HTML will kill (or seriously injure) mobile app stores http://flipthemedia.com/index.php/2011/07/why-html-5-will-kill-or- seriously-injure-mobile-app-stores/ • Apple shows off Safari’s pioneering HTML5 support http://www.wired.com/epicenter/2009/03/apple-shows-off/ • How well does your browser support HTML5? http://html5test.com/ • Buy a shirt, support the open web platform: http://html5shirt.com/

Notas del editor

  1. Hyper Text Markup Language is a type of code that defines and displays web page content. Your browser is an application designed to read and interpret this code. (You can see this code by using the view source option in your browser.) HTML 5: The latest (5th) revision, or version-in-progress, of Hyper Text Markup Language. It’s expected to become a “candidate recommendation,” or the officially recommended version of HTML in 2012.Before explaining how HTML5 improves on the current standard (HTML 4.01), it&apos;s useful to know a short history of HTML…
  2. HTML (and the basic structure of the WWW) was conceived by Tim Berners-Lee, a British computer scientist and professor who is the current director of the World Wide Web Consortium, an international standards organization for the web. In the early 1990’s, Berners-Lee created both HTML and the architecture of the WWW, including the first web browser and web server.HTML started out as a very basic method for displaying the look of text, and has undergone numerous draft specifications, the latest being HTML 4.01 in 1999.
  3. One of the main evolutionary advances of version 4.01 was retiring, or deprecating some strictly presentational elements of HTML (such as how fonts are displayed), and adding support for Cascading Style Sheets, to handle these presentational elements outside of HTML code. This strengthened HTML&apos;s role as a markup language designed to define the structure of documents rather than their outward appearance, one of the goals of the W3C.
  4. After HTML 4.01, the World Wide Web Consortium decided to base further specifications on a different markup language – XML, or Extensible Markup Language, calling the new specification “XHTML.” XHTML, as a stricter and more well-formed language, was intended to further improve and emphasize the structure of web documents, but didn’t accommodate for the millions of existing web pages that still used HTML. Many web developers felt XHTML was the wrong direction for the web. In 2004, an alternative standards organization formed, called the Web Hypertext Application Technology Working Group, or WHATWG. It included representatives from Mozilla, Opera and Apple. This group proposed extending HTML to support web applications, while remaining backwards compatible. Eventually the two factions agreed that HTML5 was in the web’s future best interest. So, what’s meant by web applications?
  5. Right now when you want to watch video online, you have to use plug-ins and embed code to do it. HTML5, however, supports native audio and video right in the browser, resulting in faster load times. &lt;Audio&gt; and &lt;video&gt; are two new HTML5 elements that support this functionality.
  6. HTML5 also allows the browser to be a native platform for animations, games, and other tools. The &lt;canvas&gt; element allows for “dynamic scriptable rendering” of images, which means images that can be programmed for certain behaviors– the kind of thing that’s usually handled by Flash today. Canvasdemos.comcontains examples of the &lt;canvas&gt; tag at work in browsers that support it.
  7. MCDM student Karen Wilken wrote a Flip the Media post last quarter on how HTML5 may be poised to replace the app store model, because it provides a common platform for creating apps that can run on different mobile devices, replacing the need to develop a separate version of each app for each device (e.g., iPhone and Android).
  8. Standards organizations can recommend a version of HTML, but browsers determine whether and how it’s rendered. Some browsers already support some new features of HTML5 today. Html5test.com can tell you to what extent your current browser supports HTML5.