HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<embed>
埋め込み（Embed）要素。外部のアプリケーションや対話的なコンテンツを埋め込むために使用される自己終了タグです。
info
概要
<embed> 要素は、外部コンテンツの埋め込みポイントを提供します。これは、ブラウザが処理できない外部のサードパーティアプリケーションやプラグイン（PDFリーダーやかつてのFlashなど）を表示するために設計されました。
現代のWebでは、動画には <video>、画像には <img>、別ドキュメントには <iframe> など、専用の要素を使用することが推奨されており、<embed> は互換性のために残されている側面があります。
play_circle
デモ (静的表示)
HTML (Source)
<!-- PDFを埋め込む例 (表示可否はブラウザに依存) -->
<embed src="document.pdf" type="application/pdf" width="100%" height="150">
Preview (Result)
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| src | 埋め込む外部リソースのURL。必須属性です。 |
| type | 埋め込むリソースのMIMEタイプ（例: application/pdf, video/mp4）を指定します。ブラウザが適切なプラグインを見つけるのに役立ちます。 |
| width | 埋め込まれるコンテンツの幅を指定します。ピクセル値またはパーセンテージで指定可能です。 |
| height | 埋め込まれるコンテンツの高さを指定します。ピクセル値またはパーセンテージで指定可能です。 |
code
実用例
1. PDFドキュメントの埋め込み
<embed src="report.pdf" type="application/pdf" width="500" height="300">
2. 動画ファイルの埋め込み (推奨されません)
<!-- 推奨: <video>要素を使用する -->
<embed src="movie.mp4" type="video/mp4" width="640" height="360">
3. データコンテンツを埋め込む (width/heightをパーセントで指定)
<embed src="data-app.html" type="text/html" width="100%" height="400">
lightbulb
知っておくべき重要事項
warning
非推奨の傾向と代替要素
多くの外部プラグイン（特にFlash）はサポートが終了しており、セキュリティ上のリスクやモバイル環境での非互換性があるため、
代替として、動画には
多くの外部プラグイン（特にFlash）はサポートが終了しており、セキュリティ上のリスクやモバイル環境での非互換性があるため、
<embed> の使用は推奨されません。
代替として、動画には
<video>、音声には <audio>、別のWebページには <iframe> を使用することを強く推奨します。
security
セキュリティとユーザビリティ
<embed> で埋め込むコンテンツは、ユーザーのブラウザにインストールされているプラグインに依存します。プラグインがない場合、コンテンツは表示されず、ユーザー体験が悪化します。また、外部コンテンツはセキュリティリスクを伴うため、信頼できるソースのみを使用すべきです。