<embed>: EMBED 要素

最終更新:2026-10-13

<embed>EMBED 要素

外部リソース(プラグイン・SVG・PDF)を埋め込む空要素です。object の簡略版で、多くは置き換えられました。

カテゴリスクリプトと埋め込み
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ自己完結 — 閉じタグ不要
ステータス標準

📝 構文

<embed src="game.swf" type="application/x-shockwave-flash">

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします:

属性値説明
srcURL of the resource to embed.
typeMIME type of the resource.
widthWidth of the embedded area.
heightHeight of the embedded area.

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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'> の方が安定し、最も確実なのはダウンロードリンクのフォールバックを用意することです。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%