私はこれを間違って見ているかもしれませんが、画像リンクでは ALT を使用して画像リンクのテキスト ヒントを表示しました。しかし、今は Web フォントを使用しており、気に入っています。ただし、画像で ALT 属性を使用する場合のように、テキスト ヒント情報を表示するための推奨される方法が何であるかはわかりません。
私のコードは次のとおりです。
<a href="Index.htm"><i class="fa fa-book"></i></a>
「fontawesome」ライブラリを使用しています。
では、Web フォントにカーソルを合わせたときにテキスト ヘルプ情報を表示するための適切な方法は何でしょうか?
ありがとう。
この属性はツールチップ用ではなく、代替altテキストを提供するためのものです(画像を読み込めない場合や、検索エンジンや目の不自由な訪問者などによって使用できない場合)。
あなたはおそらくtitle属性を意味します。多くのデスクトップ ブラウザーでは、要素にカーソルを合わせると、そのコンテンツがツールチップに表示されます。(一部の古いInternet Explorerバージョンでは、altこの属性も使用されていたことに注意してください。)
titleこの属性は、任意の要素で使用できます。
<a href="Index.htm"><span class="fa fa-book" title="some advisory information"></span></a>
i要素を使用しないでください。仕様の定義に一致するコンテンツにのみ使用してください（あなたの例ではそうではないようです）。span他の要素が適切でない場合は、その要素を使用します。
また、あなたの例にはアクセスできないことに注意してください。