img tag_Experience 交換における alt 属性と title 属性の正しい使用

img タグには alt と title という 2 つの属性がありますが、これら 2 つの属性の正しい使い方についてまだ混乱している初心者が多く、もちろん IE ブラウザーにも原因があります。画像の検索能力を向上させることに加えて、これら 2 つの属性を正しく使用することは、ユーザー エクスペリエンスにも非常に役立ちます。alt と title の概念と正しい使用法について説明します。

alt
この属性の本質的な機能は、画像が正しく表示できない場合にテキストを置き換えることですが、タイトル (マウスを置いた後のテキスト プロンプト) の役割も果たします。 IE6. IE の実装は実際には間違っています。マウスをロールオーバーしたときにプロンプ​​トを表示したい場合は、title 属性を使用する必要があります。間違った指導のため、多くの初心者は img タグに alt 属性を追加するだけです。ということで、FFへのもう一つの賛辞です！


タイトル
マウスを滑らせたときに表示されるテキスト プロンプトは、ユーザー エクスペリエンスが非常に重要です。もちろん、すべての img タグにこの属性を追加する必要はありませんが、例えば、ロゴの方が重要である場合や、ユーザーが体験する画像コンテンツの場合には、この属性を追加することをお勧めします。