Rubyist HTML5 - content models -
(@Sixeight)               Vim, Ruby,   and so onSelf-Reference ENGINE (         ,       JA)               Unite.vimLove Uj...
http://future-nyanco.blogspot.com
HTML5
canvas?
audio? video?
websockets?
Semantics!
W3C          XHTML2.0            VS      Browser venders                        JK
0 420     WHATWG Web Hypertext Application Technology Working Group        http://www.whatwg.org/
0 7 20W3C
Key Points HTML5http://www.slideshare.net/dynamis/keypoints-html5-4920336
dynamis++
?
…
… !
Hoge(          )
Hoge(          )
Hoge(                 )    Piyo
Hoge(                  )    Piyo                  OK!
Hoge(                 )           Fuga
Hoge(                 )    NG!    Fuga
8
meta, style
div, video
section, article
h2, hgroup
b, span
canvas, img
button, input (if type is hidden)
blockquote, figure
5
hgroup   h{1,2,3,4,5,6}   !
<DEMO>   </DEMO>
Unite.vim
Unite.vim: http://github.com/Shougo/unite.vim
HTML5                             (           ,             )W3C HTML5            http://www.w3.org/TR/html5Key Points HTM...
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Rubyist のための HTML5 入門 -Content Models-
Upcoming SlideShare
Loading in...5
×

Rubyist のための HTML5 入門 -Content Models-

1,533
-1

Published on

HTML5 のコンテンツモデルについて。

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,533
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Rubyist のための HTML5 入門 -Content Models-

    1. 1. Rubyist HTML5 - content models -
    2. 2. (@Sixeight) Vim, Ruby, and so onSelf-Reference ENGINE ( , JA) Unite.vimLove Ujihisa
    3. 3. http://future-nyanco.blogspot.com
    4. 4. HTML5
    5. 5. canvas?
    6. 6. audio? video?
    7. 7. websockets?
    8. 8. Semantics!
    9. 9. W3C XHTML2.0 VS Browser venders JK
    10. 10. 0 420 WHATWG Web Hypertext Application Technology Working Group http://www.whatwg.org/
    11. 11. 0 7 20W3C
    12. 12. Key Points HTML5http://www.slideshare.net/dynamis/keypoints-html5-4920336
    13. 13. dynamis++
    14. 14. ?
    15. 15.
    16. 16. … !
    17. 17. Hoge( )
    18. 18. Hoge( )
    19. 19. Hoge( ) Piyo
    20. 20. Hoge( ) Piyo OK!
    21. 21. Hoge( ) Fuga
    22. 22. Hoge( ) NG! Fuga
    23. 23. 8
    24. 24. meta, style
    25. 25. div, video
    26. 26. section, article
    27. 27. h2, hgroup
    28. 28. b, span
    29. 29. canvas, img
    30. 30. button, input (if type is hidden)
    31. 31. blockquote, figure
    32. 32. 5
    33. 33. hgroup h{1,2,3,4,5,6} !
    34. 34. <DEMO> </DEMO>
    35. 35. Unite.vim
    36. 36. Unite.vim: http://github.com/Shougo/unite.vim
    37. 37. HTML5 ( , )W3C HTML5 http://www.w3.org/TR/html5Key Points HTML5 http://www.slideshare.net/dynamis/keypoints-html5-4920336Haml http://haml-lang.com/d:help unite
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×