ページ制作のコーディングにおける画像の使い分けについて

画像配置のコーディングの仕方には以下の2通りがあり、それぞれの使い分け基準は以下の通りとなる。

  • HTMLソースコード内でimgタグを用いて挿入する ⇒ 画像に対して説明が必要な場合に用いる ⇒ 「alt属性」は必須で、画像に関する正しい説明を記述する 例)おススメ商品画像など
  • CSSで要素に対する「background-image」として設定する ⇒ 画像に対して説明が不必要な場合に用いる 例)ナビやフッターなどの背景画像