【HTML Living Standard】title属性の使い方
title属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
titleプロパティは、HTML要素に追加情報を提供するグローバル属性を保持するプロパティです。この属性はLiving Standard版のHTMLにおいて、ほとんどすべてのHTML要素に指定可能であり、ユーザーが要素にマウスカーソルを合わせた際にツールチップとして表示される補足的な情報を定義するために使用されます。例えば、画像要素にその内容を説明するタイトルを設定したり、リンク要素に移動先のページに関する詳細情報を与えたりすることで、ユーザーがコンテンツをより深く理解する手助けとなります。
また、title属性は視覚的な情報だけでなく、アクセシビリティの観点からも重要です。スクリーンリーダーなどの支援技術は、この属性の値を要素のアクセス可能な名前として利用し、視覚障害を持つユーザーに要素の目的や機能について伝えます。これにより、ウェブページの利用体験が向上し、より多くの人々にとって使いやすいコンテンツを提供できます。ただし、重要な情報をtitle属性のみに含めることは避けるべきです。なぜなら、モバイルデバイスなどマウスオーバーが困難な環境では情報が伝わりにくいため、主要なコンテンツは常に目に見える形で提供することが推奨されます。この属性を適切に利用することで、ウェブサイトのユーザビリティとアクセシビリティを高めることができます。
公式リファレンス: HTML title global attribute
構文(syntax)
1<element title="表示される補足情報となるテキスト"></element>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません