画像の上にテキストを置くのに良い選択肢は何ですか？ img srcまたはdivスタイルの背景画像のURL？

Question

イメージにテキストを配置するために使用されるオプションは何ですか？あなたは両方を使用することができます

Answer 1

。多くのpoepleは、別のブラウザを使用しているため、私はこれを尋ねた。

ありがとう

？」テキストは通常​​、普通のimg src="picture.jpg"の 使用して、より良い行くかのdiv stlye="background-image: url(picture url);を使用し、両方の近代的なブラウザCSSの背景画像と<img>は古くて安定したテクニックです

これは画像の種類と目的によって異なりますが、実際にはの画像ページの残りの部分に関連する意味のあるコンテンツは、ダウンロード可能（右クリック - 画像の保存）、検索エンジンによるインデックス付け、またはスクリーンリーダーやその他の支援技術を使用するユーザーへの有効化を希望する場合は<img>を使用します。それ以外の場合は背景イメージを使用します。

また、イメージとテキストを組み合わせたスキーマや図を作成する必要がある場合は、SVGを使用することをお勧めします。