「img src」 と 「background: url」

以前、alt属性とtitle属性のお話をしましたが、今回は画像の入れ方についてメモ。

画像の貼り方には、

1. img src="ファイル名"でHTMLに貼り付け。
2. background: url(ファイル名); とCSSで記述。

のふたつのやり方があります。

前回と少しつながってくるのですが、
「alt属性はimg要素を使う場合必ず書かなくてはいけない属性です。
 もしテキストで表示する意味の無い画像の場合はalt=""とするように仕様書で述べられています。」
Web標準化プロジェクト：http://www.mozilla.gr.jp/standards/webtips0024.html

と記載されていますが、
代替テキストの必要のない画像をHTMLに貼り付けて、空のalt属性でごまかすのは
なんとなく汚いやりかたな気がしてしまいます。

そう考えると、おのずと上記二つの方法の使い分けができますね。
意味のある画像（ロゴ、タイトル、ボタン）＝imgタグ
装飾的な役割の画像（背景、リストマーカーなど）＝CSS指定
ということになるでしょうか。

いままでなんとなく分類してきましたが、これからは
気を遣って画像を分類していきたいですね。

余談ですが、img srcって「イメージソース」の略なんだそうですね。
これも「５年目の真実」でした。