画像を表現するためのベスト プラクティスと確立された方法は何ですか? HTML でこれ以上行うべきではないという前提で作業しているためimg
、マークアップでタグを使用していません。代わりに、CSS で画像をリンクしていbackground: url('dir')
ます。この仮定が間違っている場合は、お知らせください。
CSS で画像をリンクすることが正しい (または少なくとも十分に確立された) 方法である場合、次の質問はドキュメントでどの HTML タグを使用するかということです。技術的には、画像は HTML のほぼすべての要素に適用できますが、どの要素を使用するのが適切でしょうか?
適切な例: 現在、各アイコンの下にテキストがある一連のアイコンに取り組んでいます。現時点では、順序付けされていない水平リストとして設定しており、CSS の画像とテキストを個々のリスト項目タグに適用しています。ただし、これを行う方法は他にもいくつかあります。たとえば、divs
またはの行を持つことができます。spans
または、HTML でプロパティimg
を定義せずにタグを使用しsrc
、代わりに CSS で設定することもできます (少なくとも、これは可能だと思います)。または、私が考えることができる他のいくつかの方法。
このような場合のベストプラクティスは何ですか?