画像配置のimgタグとbackgroundの違い

質問

画像をHTMLでimgタグで指定するタイプとCSSでbackgroundで指定するタイプの二つありますが、
何のときにimgタグを、何のときにbackgroundを指定するか、知りたいのです。
例えばコンテンツ内ならimgタグ、背景に配置するならbackgroundってのは分るのですが、
タイトルの画像はimgタグとbackgroundのどちらでしょうか？
他のサイトで拝見してみましたら、どっちも使いますが…

宜しくお願いします。

回答No.1

ORUKA1951 · ベストアンサー

HTMLが何かをしっかり理解していれば、わかりきった話です。
★少なくとも仕様書は目を通しておきましょう。特に
2.2 HTMLとは何か? ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2 )
14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )
は、隅々まで目を通しておきましょう。

　簡潔に言うと、画像が伝えたい内容の場合はHTMLで、そうでない場合は背景で・・・と言うことになります。
　上記の下のリンク先に
# テキストを画像に置き換えて表現する。
# 余白制御のために画像を用いる。
　に当てはまるものはだめと言うこと。

ですから、一般的には、h1も、画像ではなく背景にすべきと言えます。
・・・
画像を使うにしても、
<h1><img src="[URL]" width="[Length]" height="[Length]" alt="オレンジについて"></h1>
が、精一杯の妥協点かな。非推奨です。

>他のサイトで拝見してみましたら、どっちも使いますが…
は、この世界では根拠になりません。W3Cがあちこちで言っているように「多くの製作者が誤った使い方をしているので、明確にした」・・・
　常に仕様書を参照する!!!それしかありません。

お礼

ありがとうございました。

回答No.2

shokodei

その画像が無いと内容が伝わらなくなるような場合は、imgタグで指定します。

その画像が無くても内容が伝わる場合は、CSSのbackgroundで指定したら、いいんじゃないかと思います。

タイトルの画像は、……どっちでもいいです。

ていうか、好きにすればいいとか思いました。

お礼

ありがとうございました。