☰

HTML の src 属性が有効でない場合、デフォルトの画像を入力しますか? 質問する

tag-icon • tag-icon html image
HTML の src 属性が有効でない場合、デフォルトの画像を入力しますか? 質問する

<img>属性が無効な場合に、HTML タグでデフォルトの画像をレンダリングする方法はありますかsrc(HTML のみを使用)? そうでない場合、それを回避するための軽量な方法は何ですか?

ベストアンサー1

HTML のみのソリューションを求めています...

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>
  <title>Object Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>

  <p>
    <object data="https://stackoverflow.com/does-not-exist.png" type="image/png">
      <img src="https://cdn.sstatic.net/Img/unified/sprites.svg?v=e5e58ae7df45" alt="Stack Overflow logo and icons and such">
    </object>
  </p>

</body>

</html>

最初の画像が存在しないため、フォールバック（このウェブサイトで使用されているスプライト*）が表示されます。また、サポートされていない非常に古いブラウザを使用している場合は、object、そのタグは無視され、imgタグが使用されます。使ってもいいですか互換性のためにウェブサイトを参照してください。この要素は、IE6 以降のすべてのブラウザーで広くサポートされています。

* 画像の URL が (再度) 変更されない限り、その場合には代替テキストが表示される可能性があります。

おすすめ記事