Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】object要素の使い方

object要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

objectオブジェクトは、HTMLドキュメントに外部リソースを埋め込むことを表すオブジェクトです。この要素は、画像、音声、動画、PDFファイル、またはFlashアニメーションなど、幅広い種類のコンテンツをウェブページ内に統合する汎用的な手段を提供します。主に、特定のプラグインや外部アプリケーションが必要なコンテンツを表示するために利用されます。

object要素を使用することで、外部コンテンツの表示領域を定義し、そのリソースのURLをdata属性で指定します。また、type属性でリソースのMIMEタイプを指定することで、ブラウザが適切なハンドラを判断する手助けをします。width属性とheight属性を用いることで、埋め込まれるコンテンツの表示サイズを制御できます。

この要素の大きな特徴は、ブラウザが指定されたリソースをロードできない場合や、ユーザー環境がそのリソースに対応していない場合に表示される代替コンテンツを指定できる点です。object要素の開始タグと終了タグの間に記述された内容は、外部リソースが表示できない場合にのみユーザーに提示されます。

現代のウェブ開発では、画像にはimg要素、動画にはvideo要素、音声にはaudio要素、別のウェブページ埋め込みにはiframe要素など、よりセマンティックで専用の要素が推奨されています。しかし、object要素は、PDFファイルの埋め込みや、ActiveXコントロールのような特定の種類の外部アプリケーションコンテンツを統合する際に、依然として有効な選択肢となり得ます。ブラウザ間の互換性を考慮し、適切な用途で利用することが重要です。

公式リファレンス: <object>: The External Object element

構文(syntax)

1<object data="uri_of_content_to_embed" type="mime/type_of_content" width="value_in_pixels" height="value_in_pixels">
2  <p>Fallback content: Your browser does not support this object or the content cannot be displayed.</p>
3</object>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ