HTML5マークアップ珍プレー集 - HTML5 Conference 2012

23,783 views
23,758 views

Published on

近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。本セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

Published in: Technology

HTML5マークアップ珍プレー集 - HTML5 Conference 2012

  1. 1. @futomi futomi.hatanohttp://www.html5.jp/
  2. 2. 珍プレー 1雀百まで踊り忘れず
  3. 3. CASE 1
  4. 4. <center> <div>...</div> <div>...</div> <div>...</div></center>
  5. 5. http://www.google.co.jp/
  6. 6. http://www.w3.org/TR/html5/obsolete.html#non-conforming-features
  7. 7. center
  8. 8. 珍プレー 2仏作って魂入れず
  9. 9. CASE 2
  10. 10. http://www.apple.com/jp/ipad/features/
  11. 11. http://www.w3.org/TR/html5/single-page.html#void-elements
  12. 12. CASE 3
  13. 13. http://www.microsoft.com/surface/en/us/about.aspx
  14. 14. http://www.w3.org/TR/html5/the-img-element.html#alt
  15. 15. 珍プレー 3所変われば品変わる
  16. 16. https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo
  17. 17. CASE 4
  18. 18. http://www.apple.com/osx/
  19. 19. http://www.apple.com/osx/
  20. 20. http://www.w3.org/TR/html5/headings-and-sections.html#sectioning-root
  21. 21. CASE 5
  22. 22. みなさんの投稿はスポンサー広告だそうです...
  23. 23. 珍プレー 5論語読みの論語知らず
  24. 24. CASE 6
  25. 25. http://www.welcometorecall.com/mobile/
  26. 26. CASE 7
  27. 27. https://signup.netflix.com/global
  28. 28. CASE 8
  29. 29. @futomi futomi.hatanohttp://www.html5.jp/

×