<embed>: EMBED 要素
最終更新:2026-10-13
<embed>EMBED 要素
外部リソース(プラグイン・SVG・PDF)を埋め込む空要素です。object の簡略版で、多くは置き換えられました。
| カテゴリ | スクリプトと埋め込み |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
<embed src="game.swf" type="application/x-shockwave-flash">
⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします:
| 属性 | 値 | 説明 |
|---|---|---|
src | URL of the resource to embed. | |
type | MIME type of the resource. | |
width | Width of the embedded area. | |
height | Height of the embedded area. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <embed> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: embed は空要素です。現代のコードでは iframe や object を優先し、embed はレガシープラグイン用です。
❓ よくある質問
Qembed は今も使われていますか?
Aほとんど使われません。プラグイン時代(Flash や PDF プラグイン)の産物で、HTML5 は「外部コンテンツの埋め込み点」として標準化しましたが、現代の場面では動画は
<video>、音声は <audio>、PDF は <iframe> かブラウザのネイティブ表示が定番です。embed は互換性のために残されています。Qembed と object の違いは何ですか?
Aどちらも外部リソースを埋め込みます。
<object> の方が完成度が高く(フォールバックの子内容や type 宣言をサポート)、<embed> は自己完結型の歴史的な簡略記法です。新規プロジェクトでは object か、より現代的な専用要素を優先し、embed はレガシーシステムとの接続時にだけ登場します。Qembed で PDF を埋め込むのは信頼できますか?
A動きますがおすすめしません。ブラウザごとに描画の挙動が違い、モバイルの対応も弱いです。
<iframe src='file.pdf'> や <object type='application/pdf'> の方が安定し、最も確実なのはダウンロードリンクのフォールバックを用意することです。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。