More On Html 5
•
2 gostaram•815 visualizações
A brief outline on some of the new elements available in HTML 5 and how to start using them now.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (17)
Semelhante a More On Html 5
Semelhante a More On Html 5 (20)
Mais de Darren Wood
Último
Último (20)
More On Html 5
- 1. More on HTML5 Darren Wood @darren | http://dontcom.com
- 2. What is HTML 5?
- 4. Support existing content Ensure interoperability Handle errors Evolution not revolution
- 5. The problem with the current setup...
- 6. "The attempt to get the world to switch to XML, including quotes around attribute values and slashes in empty tags and namespaces all at once didn't work" - TBL
- 7. “Authors will write invalid content regardless of what we spec. So the spec states what authors must not do, and then tells implementers what they must do when an author does it anyway” - Ian Hickson
- 8. More than 90% of Alexa Top 500 sites are not valid
- 10. Don't get hung up on the syntax
- 11. <A HREF=contact.html class=”yes”> <input TYPE=”button” value=FOO>
- 14. HTML <!DOCTYPE html> XHTML <html xmlns="http://www.w3.org/1999/xhtml">
- 15. <!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8> <title>HTML5 Demo</title> </head> <body> <header> <h1>Logo etc</h1> </header> <nav><p>Menu</p></nav> <section> <h1>Section</h1> <article> <p>article 1</p> </article> </section> <aside> <h2>Some extra content</h2> </aside> <footer> <p>Copyright © 2009.</p> </footer> </body> </html>
- 16. In the real world...
- 18. HTML5 shiv
- 19. <style> figure { border: 1px inset #AAA; padding: 4px; } </style> <script> document.createElement("figure"); </script>
- 21. Audio & Video
- 22. <video width="640" height="360" src="http:// www.youtube.com/demo/google_main.mp" autobuffer controls poster="whale.png"> <p>Try this page in Safari 4! Or you can <a href="http://www.youtube.com/demo/ google_main.mp4">download the video</a> instead.</p> </video>
- 23. Codec Shit-fight.
- 24. OGG Theora & H.264
- 25. OGG Theora & H.264
- 26. The deal with OGG
- 27. The deal with H.264
- 28. Just use Flash <cry>
- 29. Just use Flash <cry>
- 30. Link lovage... http://www.w3.org/TR/html5 http://whatwg.org/html5 http://html5doctor.com/ http://molly.com/html5/html5-0709.html http://html5gallery.com/ http://tinyurl.com/html5-video-debate
- 32. Lets talk!