What's new in HTML5?
7 likes2,150 views
The document is a presentation by Dave Ross on HTML5, delivered at a meetup in suburban Chicago on February 4, 2010. It covers various features of HTML5 such as new semantic elements, input types, local storage, geolocation, and multimedia support. Additionally, it discusses browser support and timelines for W3C recommendations related to HTML5.
What's new in HTML5?
- 1. <HTML5> Dave Ross February 4, 2010 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 2. HTML 4.01 1999 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 3. XHTML 1.1 2001 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 4. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 5. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 6. WHAT WG Web Hypertext Application Technology Working Group HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 7. <!DOCTYPE html> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 8. Deprecated <center> <font> <strike> <frameset> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 9. New structural (block semantical) elements header nav section article aside footer HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 10. New Attributes <a href=”http://...” ping=”http://mysite.com/ping?12345”>Click me</a> <script src=”http://...” async=”async”></script> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 11. Inline SVG and MathML HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 12. <canvas> http://www.slideshare.net/csixty4/the-canvas- tag-2829634 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 13. Inline semantic elements Mark: Show <m>highlighted text</m> Time: Meeting at <time>7:00pm tonight</time> Meter: I would walk <meter>500</meter> miles Progress: <progress value=”5” max=”10”>50%</progress> Menu: <menu> and <command> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 14. Input types text, password, checkbox, radio, file search, url, tel, email range color date, time, datetime, month, week... HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 15. localStorage API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 16. Geolocation API HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 17. Drag and Drop HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 18. <audio> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 19. <video> HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 20. YouTube Flash HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 21. YouTube HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 22. Codecs • Safari and Chrome support • High quality/low file size • Hardware decoding • YouTube • Firefox, Opera and Chrome support • Open source/patent free • Wikimedia (Wikipedia) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 23. Standard Algorithms Lexing Parsing Dealing with bad markup HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 24. That’s not all. http://en.wikipedia.org/wiki/HTML5 HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 25. Who supports HTML5 today? http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5) HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 26. When? 2012: W3C Candidate Recommendation 2015: Marty McFly buys a copy of Gray’s Sports Almanac 2022: W3C Recommendation HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 27. HTML5-Shiv http://html5shiv.googlecode.com/svn/trunk/html5.js HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 28. Text No Flash. Full HTML5 support. HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 29. Dave Ross first used the web in 1995 and wondered what the big deal was. Today, he has ten years’ experience as a professional web developer. He met his wife on a dating website. davidmichaelross.com Questions? HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
- 30. slideshare.com/csixty4 suburbanchicagophp.org HTML 5 : Dave Ross : Suburban Chicago PHP & Web Development Meetup : February 4, 2010
Editor's Notes
- #3: The original HTML standards came out around 1992. In seven years we got up to 4.01.
- #4: HTML with XML syntax/formality
- #5: Moore&#x2019;s Law continues to be in effect. Computers today are an order of magnitude faster than they were 10 years ago.
- #6: Broadband adoption skyrocketed. Internet use grew. People expect more.
- #7: Started in 2004.
- #8: Not SGML based. Doctype defined for browsers that do &#x201C;doctype sniffing&#x201D;. Not &#x201C;html5&#x201D; because of IE.
- #9: Do decoration with CSS
- #10: Stop making everything a <div>
- #11: Ping tells browser to do GET requests to sites w/o going there. Async script loading for scripts that aren&#x2019;t something else&#x2019;s dependancy.
- #12: SVG and MathML for advanced markup.
- #13: Canvas tag for dynamic images and animation
- #14: New ways to give your content meaning
- #16: Javascript API for a SQL data store in the browser. Replaces Google Gears.
- #17: Standard API for accessing GPS in mobile devices.
- #18: Drag and drop without libraries. Javascript API.
- #19: API for implementing an audio player.
- #20: API for playing video and implementing a player
- #21: YouTube&#x2019;s normal interface, using Flash
- #22: YouTube&#x2019;s HTML5 interface.
- #23: Wrapped up in politics. Firefox doesn&#x2019;t want to call OS resources b/c that gives up portability. Licensing h.264 goes against open source ethos.
- #24: Standard behavior. Cutting back on rendering differences between browsers.
- #25: Do you want to be here all night? As usual, Wikipedia has the answers.
- #26: &#x201C;Trident&#x201D; is the IE rendering engine. Only supports a few minor things.
- #27: WHAT-WG submitted to W3C. Taking their time. This is why we&#x2019;re still on HTML4, people!
- #28: Lets IE recognize block semantic elements and apply CSS. Doesn&#x2019;t make IE compliant.
- #29: Have to talk about iPad (everyone else is). Big deal being made about lack of Flash. Has full HTML5 support.
- #30: Any questions?
- #31: If you want to see this presentation again, go here