html - 「タイトル」属性はタグに関連していますか?

Question

「タイトル」属性を追加することが「img」タグに関連するセマンティックかどうかを知りたいと思いました。私はすでに常に「alt」属性を使用して、W3C 仕様を再指定しています。
はいの場合、「タイトル」属性のコンテンツは「alt」属性とは異なる必要がありますか?

Answer 1

属性はtitleセマンティックとして、つまり意味に関連するものとして使用できます。そのため、これは助言的なタイトルとして定義されており、ブラウザはその値をユーザーがオプションで利用できるようにすることができます。たとえば、マウスオーバー時のツールチップや、音声ブラウザが発声する合図などです。これは、セマンティックまたはその他のさまざまな目的に使用できることを意味します。画像の意味を説明するために使用するか、作成者情報を提供するために使用するか、または単に画像の名前を表示するために使用するかは、あなた次第です (名前は意味を説明する場合と説明しない場合があります)。

検索エンジンは、そのtitleテキストを画像に関連するものとして処理する場合があり、そのテキストに含まれる単語が使用されている場合、そのページが画像検索に表示される可能性があります。このような処理の詳細は公開されておらず、おそらく検索エンジンごとに異なると思われます。

title属性の値が属性の値と同じであってはならない理由はありませんalt。目的は異なりますが、同じテキストが両方に役立つ場合があります。たとえば、画像に人物の署名が含まれている場合、alt属性にはおそらく署名の名前だけを含める必要があり、title属性には同じものを含めることができます (たとえば、画像を見ることはできるが名前を簡単に読むことができない人を助けるため)、またはより説明的である可能性がありますtitle="Joe Q. Public (signature)"。

Answer 2

@SLaksが答えで言ったことを少し拡張するだけです。このtitle属性は、SEO にも役立ち、Web ページが提供するものをより多く表現することもできます。ほんの少し追加するだけです。

Answer 3

このtitle属性を使用して、 を含む任意の HTML 要素にツールチップを追加できます<img>。

alt属性と同じにすることもできますが、同じである必要はありません。