[解決済み] [Solved] Inputting a default image in case the src attribute of an html <img> is not valid?
2022-03-29 21:17:32
Question
Is there any way to render a default image in an HTML
<img>
tag, in case the
src
attribute is invalid (using only HTML)? If not, what would be your lightweight way to work around it?
How to solved?
You asked for an HTML only solution...
<!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="http://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>
Since the first image doesn't exist, the fallback (the sprites used on this web site*) will display. And if you're using a
本当に
をサポートしていない古いブラウザでは
object
の場合、そのタグは無視され
img
タグを使用します。参照
カニース
のサイトで互換性を確認してください。この要素は IE6+ 以降のすべてのブラウザで広くサポートされています。
* 画像のURLが(再び)変更されない限り、その場合はおそらくaltテキストが表示されます。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] デフォルトで空白を選択
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] Markdownで画像サイズを変更する
-
[解決済み】imgタグのsrcをプログラムで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】画像のURLで禁断の403を出す
-
[解決済み] CSS color vs. background-color vs. background?
-
[解決済み] HTMLでSVGを使用して三日月を描画する
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] div に斜めのエッジを作成する [重複] 。
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] :last-child が期待通りに動作しない?
-
[解決済み] HTML5 Canvas 要素でカスタムフォントを使用するにはどうすればよいですか?
-
[解決済み] Railsです。railsアプリで<img src= >をimage_tagに変換する方法
-
[解決済み] CSSによるフォールバック画像