altとtitleの違いの詳しい説明

これら 2 つの属性はよく使用されますが、その違いはまとめられていません。それでは、その使い方をまとめてみましょう。

類似点:どちらも、テキスト コンテンツを表示するための小さなフローティング レイヤーを表示します。

違い:

1. alt は要素の属性としてのみ使用できますが、title は要素またはタグの属性として使用できます (例: <title>Title</title>)。

2. alt属性は、代替テキストを指定するために使用され、img、area、input要素（applet要素を含む）でのみ使用できます。Webページ上の画像が正常に表示できない場合に、ユーザーに画像情報を理解してもらうためにテキストによる説明を提供するために使用されます。 alt は追加の説明テキストを提供するのではなく、画像を置き換えるために使用されることに注意してください。一部の SEO 専門家によると、検索エンジンは画像情報を直接読み取ることができないため、alt 属性を使用すると検索エンジン最適化効果もあり、alt はテキスト情報を提供できるため、検索エンジンにとってより使いやすいとのことです。

タイトルはどの要素でも使用できます。要素の上にマウスを移動すると、タイトルの内容が表示され、追加の説明やプロンプトが表示されます。

しかし、img タグで title 属性と alt 属性の両方を使用すると間違いが起こることがよくあります。 IE ブラウザの古いバージョンでは、マウスを画像の上に置くと、alt 属性の内容がプロンプト テキストとして表示され、title 属性は無視されます。これにより、多くの人が誤解していました。したがって、IE で title の内容を表示する場合は、title 属性が alt と一致するか、alt の内容が空 (""、スペースは使用できません) になります。ただし、新しいバージョンの IE (IE8 以降) では、この状況は発生しなくなります。

また、img タグが a タグ内にネストされている場合は、img の title 属性が有効になります。

alt と title の使用法の違いについての上記の詳細な説明は、エディターが皆さんと共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/freefish12/archive/2016/06/07/5567339.html