HTML5とは?
             ざっくり覚えておくHTML5




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




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




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

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

13年1月8日火曜日
今まで複雑だった処理が簡単に出来る


                          <img>

     • メディアファイル




13年1月8日火曜日
今まで複雑だった処理が簡単に出来る


                          <Video>

     • メディアファイル




13年1月8日火曜日
今まで複雑だった処理が簡単に出来る


                          <Audio>

     • メディアファイル




13年1月8日火曜日
今まで複雑だった処理が簡単に出来る




     • メディアファイル
     • グラフィック描画



13年1月8日火曜日
今まで複雑だった処理が簡単に出来る




     • メディアファイル
     • グラフィック描画



13年1月8日火曜日
今まで複雑だった処理が簡単に出来る




     • メディアファイル
     • グラフィック描画
     • 高機能なフォーム


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

13年1月8日火曜日
<div id=”header”>




                           <div id=”main”>            <div id=”sid”>




                                  <div id=”fotter”>




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




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




13年1月8日火曜日
article要素

                <article>
             (article)
             <h3>記事1</h3><br><br>
              </article>

                <article>
             (article)
             <h3>記事2</h3><br><br>
              </article>




13年1月8日火曜日
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日火曜日
だから何やねん?




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




13年1月8日火曜日
CSS3   JavaScript



13年1月8日火曜日
すぐにいる技術なの?

  ・まだブラウザの対応も様々
  ・ユーザーにはHTML5かどうかは関係ない
  ・今のままでもHPを作るだけなら問題なし




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




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




13年1月8日火曜日
じゃいつやるの?




13年1月8日火曜日
今でしょ!!




13年1月8日火曜日

130107html5