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

【HTML】noembedタグでembedタグ非対応ブラウザに代替コンテンツを表示する方法

noembedタグとは

HTMLの<noembed>タグは、<embed>タグに対応していないブラウザへの対策として使用されるタグです。ブラウザが埋め込みコンテンツを表示できない場合に、代わりに別の内容（画像やテキストなど）を表示させるためのフォールバック（代替）コンテンツを定義できます。

このタグを活用すれば、プラグインが必要なコンテンツが閲覧できない環境のユーザーに対しても、「何が表示されていないのか」を知らせる代替情報をスムーズに提供できるのが大きなメリットです。

使用例

以下は、SWFファイルが表示できないブラウザ向けに、代替画像を表示させるサンプルコードです。

<!DOCTYPE html>
<html>
  <head>
    <title>HTML noembed Tag</title>
  </head>
  <body>
    <embed src = "/html/yourfile.swf" width = "200" height = "200">
      <noembed><img src = "yourimage.gif" alt = "Alternative Media"></noembed>
    </embed>
  </body>
</html>

補足：現代のWeb制作における注意点

<noembed>タグおよび<embed>タグは、かつてFlash（SWFファイル）などのプラグインコンテンツをページに埋め込むために広く利用されていました。しかし、Flashは2020年12月に提供が終了しており、現在これらのタグを使う場面はほとんどありません。

現行のHTML5では、動画には<video>タグ、音声には<audio>タグを使うのが標準的な手法です。また、フォールバックコンテンツについては、これらのタグの内部に直接記述する方法や、<object>タグとの組み合わせが推奨されています。新規にサイトを構築する場合は、最新の仕様に沿った実装を心がけましょう。

  1. HTMLのdatalistタグの使い方！入力候補リストを作成する方法

    datalistタグとは？HTMLの<datalist>タグは、<input>要素に対して選択肢（候補リスト）を定義するためのタグです。テキストフィールドにユーザーが入力を始めると、あらかじめ用意された候補がドロップダウン形式で表示されるため、入力の手間を減らし、入力ミスを防ぐことができます。<datalist>タグを使用する際のポイントは以下の2点です。・<input>要素側にlist属性を指定し、その値と<datalist>要素のid属性を一致させる・選択肢は<datalist>〜</datalist>の中

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

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル