What's new in HTML5?
•Télécharger en tant que KEY, PDF•
7 j'aime•2,149 vues
Presentation from the January, 2010 meeting of the Suburban Chicago PHP & Web Development Meetup on HTML5, the new "standard" for developing web sites.
Recommandé
Contenu connexe
Similaire à What's new in HTML5?
Similaire à What's new in HTML5? (20)
Plus de Dave Ross
Plus de Dave Ross (20)
Dernier
Dernier (20)
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
Notes de l'éditeur
- The original HTML standards came out around 1992. In seven years we got up to 4.01.
- HTML with XML syntax/formality
- Moore&#x2019;s Law continues to be in effect. Computers today are an order of magnitude faster than they were 10 years ago.
- Broadband adoption skyrocketed. Internet use grew. People expect more.
- Started in 2004.
- Not SGML based. Doctype defined for browsers that do &#x201C;doctype sniffing&#x201D;. Not &#x201C;html5&#x201D; because of IE.
- Do decoration with CSS
- Stop making everything a <div>
- 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.
- SVG and MathML for advanced markup.
- Canvas tag for dynamic images and animation
- New ways to give your content meaning
- Javascript API for a SQL data store in the browser. Replaces Google Gears.
- Standard API for accessing GPS in mobile devices.
- Drag and drop without libraries. Javascript API.
- API for implementing an audio player.
- API for playing video and implementing a player
- YouTube&#x2019;s normal interface, using Flash
- YouTube&#x2019;s HTML5 interface.
- 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.
- Standard behavior. Cutting back on rendering differences between browsers.
- Do you want to be here all night? As usual, Wikipedia has the answers.
- &#x201C;Trident&#x201D; is the IE rendering engine. Only supports a few minor things.
- WHAT-WG submitted to W3C. Taking their time. This is why we&#x2019;re still on HTML4, people!
- Lets IE recognize block semantic elements and apply CSS. Doesn&#x2019;t make IE compliant.
- Have to talk about iPad (everyone else is). Big deal being made about lack of Flash. Has full HTML5 support.
- Any questions?
- If you want to see this presentation again, go here