ホームページ  >  記事  >  ウェブフロントエンド  >  imgタグのaltの機能は何ですか?

imgタグのaltの機能は何ですか?

hzc
hzcオリジナル
2020-06-24 15:01:5911877ブラウズ

imgタグのaltの機能は何ですか?

alt 属性は、 要素の必須属性であり、画像が表示できない場合に使用できる画像の代替テキストを提供します。

alt 属性は、ユーザーが何らかの理由で画像を表示できない場合 (例: 開く速度が遅い、src 属性が間違っている、ユーザーがスクリーン リーダーを使用しているなど) に代替情報を提供します。

注: Internet Explorer は、マウス カーソルが画像上にあるときに alt 属性値をツールチップとして表示することで alt 属性を処理します。しかし、HTML 仕様によれば、これは正しい処理方法ではありません。他のブラウザは標準に準拠しており、画像を読み込めない場合に alt 属性値を表示します。

ヒント: 画像のツールチップを作成する場合は、title 属性を使用する必要があります。

拡張情報

img タグでの alt 属性と title 属性の正しい使用法:

img タグには、alt と title という 2 つの属性があります。 . 多くの初心者にとって、これら 2 つの属性の正しい使用方法がまだ混乱していますが、もちろん、その理由の一部は IE ブラウザーにも原因があります。これら 2 つの属性を正しく使用すると、画像の検索能力が向上するだけでなく、ユーザー エクスペリエンスの面でも非常に役立ちます。

alt

この属性の重要な機能は、画像が正しく表示できない場合にテキストを置き換えることですが、IE6 ではタイトルの役割も果たします (マウスを置いた後のテキストプロンプト)、IE の実装方法は実際には間違っています。

マウスをロールオーバーしたときにプロンプ​​トを表示したい場合は、title 属性を使用する必要があります。間違った指導のため、多くの初心者は img タグに alt 属性を追加するだけです。

#title

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

推奨チュートリアル: 「

HTML チュートリアル

以上がimgタグのaltの機能は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。