「HTML5／CSS3」を編集中 (節単位)

==新要素==
<p>特に「セクショニング」と「埋め込みコンテンツ」は実務的なニーズが高いとされている。<br>
※以下は、2010年6月24日版 WHATWG Draft Standardに基づく。今後変更の可能性あり。</p>
<br>
===【セクショニング】===
'''・section'''
<p>div要素の区分け的存在。見出しを付けられるような内容ごとに、このsection要素で区切ることが出来る。<br>
コーディングの都合で区切る場合などは、従来通りdiv要素を用いる。</p>

'''・nav'''
<p>従来の&lt;div id="navi"&gt;等の代替として使用できる。nav要素の中にul要素を用いるのが一般的のようである。<br><s>また、パンくずリストやページネーション等に用いるのも効果的。</s> [http://www.cybergarden.net/ 益子さん]によると、主要なナビゲーションのみに用いるのが正しいらしい。</p>

'''・header'''
<p>従来の&lt;div id="header"&gt;の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの先頭に用いることもできる。</p>

'''・footer'''
<p>従来の&lt;div id="footer"&gt;の代替として使用できる。また、ドキュメント内に1つしか書けないということはないので、セクションの最後に用いることもできる。</p>

'''・aside'''
<p>メインコンテンツではないが、それと直接関連のある内容をマークアップする際に用いる。<br>
例えば[http://www.dokidokivisual.com/ きららのTOPページ]であれば、「うごうご4コマ」「Web限定連載」の部分にこれを用いるのが適していると言えそうである。</p>

'''・article'''
<p>他の部分と切り離してもひとつの文書やページとして体裁が成り立つ部分に用いる、とされている。<br>が、この定義の解釈は難しく、誤った使い方をしてしまいがちなので注意が必要である。<br>※トップページには存在しないケースも多い。迷ったら「section」を用いる。</p>

'''・hgroup'''
<p>その名の通り、見出しをグループ化する要素。多くの場合、ページのタイトルとサブタイトル（タグライン）各々をh1～h6要素でマークアップしたものを<br>グループ化するのに用いられる。</p>
<br>
===【グルーピング】===
'''・figure'''
<p></p>
<br>
===【埋め込みコンテンツ】===
'''・video'''
<p>文字通り、動画を埋め込むための要素。従来のやり方ではFlashが必要であったりしたが、video要素では不要になった。<br>
video要素には様々な属性が存在する。自動再生させる'''autoplay'''、ページ読み込みと同時にバッファを開始させる'''autobuffer'''、<br>
万が一動画が読み込まれなかった場合に画像を表示させる'''poster'''など。<br>
ただ、このvideo要素にはコーデックやIE対策など、様々な問題点が指摘されているため、実用できるようになるにはまだ時間がかかるとされている。</p>

'''・audio'''
<p>文字通り音楽を埋め込むための要素だが、ブラウザ間でサポートしているコーデックに差があるため、実装する際はやや複雑を要する。<br>
詳細については[http://www.html5.jp/html5doctor/native-audio-in-the-browser.html html5doctorの記事]を参照されたい。</p>

'''・source'''
<p>他のメディア要素と組み合わせて使用する。例えば、audio要素の中にsource要素を用いて音楽ファイルをロードする、など。</p>

'''・canvas'''
<p>JSと組み合わせて使用することによって図を描いたりできる。詳しくは[http://www.html5.jp/canvas/ HTML5.JPの解説ページ]を参照されたい。</p>

'''・embed'''
<p></p>
<br>
===【テキストレベル】===
'''・mark'''
<p>テキスト部分をハイライトする際に使用する。イメージとしては、蛍光ペンなどでテキストをマークするように、このmark要素を用いることができる。</p>

'''・wbr'''
<p>英文やURL表記などのアルファベットで、折り返し可能な文字がない連続したテキストの場合指定した幅に収まらなくなり、<br>
IEやSafari、Chromeでは折り返されずにはみ出てしまう。<br>
FirefoxやOperaでは折り返されるが、折り返し位置が各々のブラウザの判断によるので適切でない位置で折り返す場合がある。<br>
それを解決するために、折り返してもかまわない箇所にこのwbr要素を指定する。</p>

'''・time'''

'''・ruby／rt／rp'''
<p></p>
<br>
===【フォーム】===
'''・meter'''
<p>最大値のある数量に用いる。体重や長さなど、最大値が明確にならない数量には適していない。<br>
meter要素にはいくつかの属性がある。実際の値となる'''value'''、最小の許容値を示す'''min'''、最大の許容値を示す'''max'''など。<br>
例：&lt;meter value="1" min="1" max="20"&gt;20件中1件目&lt;/meter&gt;</p>

'''・datalist'''

'''・keygen'''

'''・output'''

'''・progress'''
<p></p>
<br>
===【インタラクティブ】===
'''・details'''

'''・summary'''

'''・command'''

'''・menu'''

'''・device'''
<p></p>