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

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

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

作成日: 更新日:

基本的な使い方

embedオブジェクトは、HTMLドキュメント内に外部アプリケーションやインタラクティブなコンテンツなどの非標準コンテンツを埋め込むためのオブジェクトです。この要素を使用することで、ウェブブラウザにインストールされたプラグインを通じて、PDFドキュメント、動画、音声ファイル、Flashアニメーションといった特定の種類のコンテンツをウェブページに直接表示できます。

主な属性として、src属性で埋め込むコンテンツのURL(ソース)を指定し、type属性でそのコンテンツのMIMEタイプ(例: application/pdf)を示します。また、width属性とheight属性を使用することで、埋め込まれるコンテンツの表示幅と高さをピクセル単位で設定することが可能です。

しかし、現代のウェブ開発においては、セキュリティ上の懸念やブラウザにおけるプラグインサポートの低下、Web標準の進化といった理由から、embed要素の直接的な利用は推奨されません。現在では、動画や音声コンテンツには<video>要素や<audio>要素を、別のHTMLドキュメントの埋め込みには<iframe>要素を、特定の画像フォーマットには<img>要素を使用することが一般的です。特にFlashコンテンツの埋め込みにおいては過去に広く用いられましたが、Flash自体のサポートが終了したことにより、その用途はほぼなくなりました。互換性やセキュリティの観点から、代替となるWeb標準技術の利用が強く推奨されます。

構文(syntax)

1<embed src="path/to/resource.swf" type="application/x-shockwave-flash" width="300" height="200">

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

【HTML Living Standard】embed要素の使い方 | いっしー@Webエンジニア