HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

<embed>タグとは

<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。

<embed>タグで使用できる主な属性は以下の通りです。

  • height：埋め込むコンテンツの高さをピクセル単位で指定します。
  • src：埋め込む外部ファイルのアドレス（URL）を指定します。
  • type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。
  • width：埋め込むコンテンツの幅をピクセル単位で指定します。

それでは、HTMLで<embed>タグを使用する具体的な例を見ていきましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<h2>CSS Demonstrating Application</h2>
   <embed src="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" height="400" width="600">
</body>
</html>

実行結果

HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

上記の例では、<embed>要素を次のように使用しています。

<embed src="https://www.tutorialspoint.com/flex/samples/CSSApplication.swf" height="400" width="600">

コードのポイント

<embed>要素のsrc属性には、埋め込みたい外部アプリケーション（この例では.swf形式のFlashファイル）のURLを設定しています。

https://www.tutorialspoint.com/flex/samples/CSSApplication.swf

また、height属性で高さ「400px」、width属性で幅「600px」と、表示サイズを明示的に指定している点も重要です。

補足：現代のWeb開発における注意点

かつて<embed>タグはFlash（.swf）コンテンツの表示によく利用されていましたが、現在はFlashが廃止されているため、この用途では使用できません。今日では、PDFファイルの埋め込みや動画・音声の再生などに活用されており、状況に応じて<object>タグや<iframe>タグと使い分けるのが一般的です。

  1. HTMLのdlタグとは？記述リストの作成方法をサンプルコード付きで解説

    HTMLのdlタグとは HTMLの<dl>要素は、記述リスト（description list）を定義するために使用されるタグです。HTML5では<dl>は「記述リスト」を表しますが、HTML4では「定義リスト（definition list）」として扱われていました。この違いを理解しておくと、より適切なマークアップができるようになります。 記述リストは、用語とその説明をセットで表示したい場合に便利な要素で、用語集、FAQ、メタデータの表示など、さまざまな場面で活用できます。 dlタグの基本構造 <dl>タグは、以下の2つの要素と組み合わせて使用します。

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"