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

1. @futomi futomi.hatano
http://www.html5.jp/

3. 珍プレー 1
雀百まで踊り忘れず

4. CASE 1

6. <center>
<div>...</div>
<div>...</div>
<div>...</div>
</center>

7. http://www.google.co.jp/

8. http://www.w3.org/TR/html5/obsolete.html#non-conforming-features

9. center

10. 珍プレー 2
仏作って魂入れず

11. CASE 2

13. http://www.apple.com/jp/ipad/features/

14. http://www.w3.org/TR/html5/single-page.html#void-elements

15. CASE 3

17. http://www.microsoft.com/surface/en/us/about.aspx

18. http://www.w3.org/TR/html5/the-img-element.html#alt

19. 珍プレー 3
所変われば品変わる

20. https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo

21. CASE 4

23. http://www.apple.com/osx/

25. http://www.apple.com/osx/

27. http://www.w3.org/TR/html5/headings-and-sections.html#sectioning-root

28. CASE 5

30. みなさんの投稿はスポンサー広告だそうです...

31. 珍プレー 5
論語読みの論語知らず

32. CASE 6

34. http://www.welcometorecall.com/mobile/

35. CASE 7

37. https://signup.netflix.com/global

38. CASE 8

41. @futomi futomi.hatano
http://www.html5.jp/