HTML5 埋め込みコンテンツの要素

http://www.w3.org/TR/html5/embedded-content-0.html#embedded-content-0

img要素

• カテゴリ：
  • フローコンテンツ
  • インタラクティブ
  • フレージング
  • パルパブル
• コンテンツモデル：トランスペアレント
• 属性
  • グローバル
  • alt：画像の内容
  • src：URLを指定
  • usemap：クライアントサイドイメージマップを利用する際に指定
  • ismap：サーバー再度イメージマップを指定
  • width：画像の横幅
  • height：画像の縦幅

画像を埋め込む要素でsrc属性が必須です。HTML5ではalt属性必須ではなくなりましたが、alt属性を書く場合は代替テキストではなく内容を正確に記載する必要があります。

iframe要素

• カテゴリ
  • フロー
  • フレージング
  • エンベディッド
  • インタラクティブ
  • パルパブル
• コンテンツモデル：テキスト
• 属性
  • グローバル
  • src
  • srcdoc：インラインフレームの内容を直接記述
  • name
  • sandbox：インラインフレームの表示を制御
  • seamless：コンテンツを親コンテンツの一部のように表示

インラインフレームでコンテンツを表示する場合に使用します。

embed要素

• カテゴリ
• • フロー
  • フレージング
  • エンベディッド
  • インタラクティブ
  • パルパブル
• コンテンツモデル：空
• 属性
  • src：コンテンツURL
  • type：MIMEタイプ
  • width,height：横縦幅

FLASHなどの外部プラグインなどを使用するファイルを表示するときに使用します。空要素のため閉じタグ不要です。

object要素

• カテゴリ
• コンテンツモデル：空
• 属性
  • グローバル
  • data：オブジェクトのデータを指定
  • type：MIMEタイプ
  • typemustmatch：オブジェクトがtypeで指定されたMIMEと一致した場合埋め込み
  • name：オブジェクトの名前を指定
  • usemap：map要素の参照先ハッシュを指定
  • form：フォームに関連付けられている場合idを指定
  • width,height：

SVGやHTMLなどの外部ファイルを埋め込む場合に使用します。 embed：プラグインを使用するコンテンツ object：外部コンテンツ

param要素

• 属性
  • グローバル
  • name
  • value

object要素の子要素として使用します。object要素に呼び出されたプラグインのパラメータ初期値を定義します。空要素のため閉じタグは不要です。

video要素

• カテゴリ
  • フロー
  • フレージング
  • エンベディッド
  • インタラクティブ
  • パルパブル
• コンテンツモデル
  • srcを持つ場合：0以上のtrack、トランスペアレント
  • srcを持たない場合：0以上のsource要素、0以上のtrack要素、トランスペアレント
• 属性
  • controls：再生コントロールを表示
  • autoplay：自動再生
  • loop：繰り返し再生
  • muted：ミュート
  • preload：動画を先に読み込む
  • src：ファイルを指定
  • srossorigin：クロスオリジンでリソースを取得する場合の認証の制御を指定

動画やオーディオファイルを埋め込むために使用する要素です。HTML5で追加されました。video要素の閉じタグの前に代替コンテンツを記述したり、poster要素で動画の代替画像を埋め込んだりできます。

audio要素

video要素と同じくHTML5で追加された要素です。音ファイルの埋め込みに使用します。属性などはvideo要素と同じです。

source要素

• 属性
  • src：ソースを指定
  • type：MIMEを指定
  • media:メディアを指定

動画や音声ファイルの種類やURLを指定します。video要素もしくはaudio要素の子要素で使用します。空要素のため閉じタグは不要です。

canvas要素

• カテゴリ
  • フロー
  • フレージング
  • エンベディッド
  • パルパブル
• コンテンツモデル：トランスペアレント
• 属性
  • グローバル
  • width,height

HTML上にグラフィックを描く要素です。