html5

1. HTML５とは？
ざっくり覚えておくHTML５
13年1月8日火曜日

2. 今までのHTMLは
文章を作成するのが目的
13年1月8日火曜日

3. HTML５は
アプリケーションが加わる
13年1月8日火曜日

4. 13年1月8日火曜日

5. 13年1月8日火曜日

6. 13年1月8日火曜日

7. 今まで複雑だった処理が簡単に出来て、
HTMLをより構造的にスッキリ書ける
13年1月8日火曜日

8. 今まで複雑だった処理が簡単に出来て、
HTMLをより構造的にスッキリ書ける
13年1月8日火曜日

9. 今まで複雑だった処理が簡単に出来る
<img>
• メディアファイル
13年1月8日火曜日

10. 今まで複雑だった処理が簡単に出来る
<Video>
• メディアファイル
13年1月8日火曜日

11. 今まで複雑だった処理が簡単に出来る
<Audio>
• メディアファイル
13年1月8日火曜日

12. 今まで複雑だった処理が簡単に出来る
• メディアファイル
• グラフィック描画
13年1月8日火曜日

13. 今まで複雑だった処理が簡単に出来る
• メディアファイル
• グラフィック描画
13年1月8日火曜日

14. 今まで複雑だった処理が簡単に出来る
• メディアファイル
• グラフィック描画
• 高機能なフォーム
13年1月8日火曜日

15. 今まで複雑だった処理が簡単に出来て、
HTMLをより構造的にスッキリ書ける
13年1月8日火曜日

16. <div id=”header”>
<div id=”main”> <div id=”sid”>
<div id=”fotter”>
13年1月8日火曜日

17. header要素
<header>
(header)
<h1>ヘッダー</h1>
<nav>
… … …
</nav>
</header>
… … …
13年1月8日火曜日

18. section要素
<section>
(section)
<h2>見出し1</h2>
<section>
(section)
<h3>見出し1.1</h3>
… （内容） …
</section>
<section>
(section)
<h3>見出し1.2</h3>
… （内容） …
</section>
</section>
13年1月8日火曜日

19. article要素
<article>
(article)
<h3>記事1</h3><br><br>
</article>
<article>
(article)
<h3>記事2</h3><br><br>
</article>
13年1月8日火曜日

20. nav要素
<nav>
ナビゲーション
<ul>
<li class="navlink"><a href="xxx1.html">サイ
ト内リンク1</a></li>
<li class="navlink"><a href="xxx2.html">サイ
ト内リンク2</a></li>
<li class="navlink"><a href="xxx3.html">サイ
ト内リンク3</a></li>
</ul>
</nav>
13年1月8日火曜日

21. だから何やねん？
13年1月8日火曜日

22. SEOなどに関係してくる可能性
13年1月8日火曜日

23. CSS3 JavaScript
13年1月8日火曜日

24. すぐにいる技術なの？
・まだブラウザの対応も様々
・ユーザーにはHTML５かどうかは関係ない
・今のままでもHPを作るだけなら問題なし
13年1月8日火曜日

25. いずれはHTML５が標準となり
できる幅が広がる・・・
13年1月8日火曜日

26. いずれはHTML５が標準となり
できる幅が広がる・・・はず
13年1月8日火曜日

27. じゃいつやるの？
13年1月8日火曜日

28. 今でしょ！！
13年1月8日火曜日