title属性は、ある要素に対して補足情報を付け足す属性です。多くの視覚環境の UA が title属性を指定した要素にポインティングデバイス(マウスやノートパソコン付属のトラックパッドなど)のカーソル(ポインタ)を合わせることで Tooltip(ツールチップ)をヘルプとして表示します。また、音声出力環境(スクリーンリーダー、音声ブラウザなど)の UA では指定された内容を補足情報として読み上げることが可能です。また、制作者スタイルシートを参照している link要素に title属性を組み合わせた場合、title属性は制作者スタイルシートをグループ化する特別な意味を持ちます。
アクセシビリティに配慮するため非視覚環境において再現(表現)しにくい要素には、積極的に title属性を使って補足情報をつけることが望まれます。たとえば hr要素や frame要素などには title属性を指定することが強く推奨されています。
link要素で制作者スタイルシートを外部から参照させる場合に、link要素に title属性を指定することで、その制作者スタイルシートが優先的に読み込まれる優先スタイルシート(preferred style sheet)となります。優先スタイルシートは title属性で付けられた名前で制作者スタイルシートのグループ化を行います。なお、優先スタイルシートに対して、title属性をもたない link要素で参照する制作者スタイルシートを固定スタイルシート(persistent style sheet)と呼びます。link要素の title属性の詳細は、サンプルを参照してください。
制作者スタイルシートを参照している link要素に title属性を組み合わせた場合、title属性は制作者スタイルシートをグループ化する特別な意味を持ちます。
<link rel="stylesheet" href="sample.css" type="text/css" title="group">
<link rel="alternate stylesheet" href="sample.css" type="text/css" title="group">
<link rel="stylesheet" href="sample.css" type="text/css">
まず、優先スタイルシートとは UA に優先的に読み込ませる制作者スタイルシートです。代替スタイルシートとは標準では読み込まれない制作者スタイルシートで、ユーザー側で読み込ませるかどうかを選択可能なスタイルシートです。そして、通常の指定方法である固定スタイルシートは、固定的に読ませる制作者スタイルシートで、優先スタイルシートや代替スタイルシートと同時にスタイルを適用します。では、次のような場合に標準で適用される制作者スタイルシートはどれかを考えてみましょう。
<link rel="stylesheet" href="main.css" type="text/css"> <link rel="stylesheet" href="default.css" type="text/css" title="default"> <link rel="stylesheet" href="basic.css" type="text/css" title="basic"> <link rel="stylesheet" href="normal.css" type="text/css" title="basic"> <link rel="alternate stylesheet" href="alt.css" type="text/css" title="alt">
ここには計5つの制作者スタイルシートを参照するように link要素が記述されていますが、この5つの中で標準で適用されるスタイルシートは、わずか2つです。まず、代替スタイルシートである "alt.css" は適用されず、対して固定スタイルシートである "main.css" は適用されることは分かります。そして、"defalut.css", "basic.css", "normal.css" の3つの優先スタイルシートが残りました。この3つの優先スタイルシートの中で適用されるのは "defalut.css" のみです。title属性は、制作者スタイルシートをグループ化するのが役割であり、"defalut.css" は "defalut" のグループに属し、"basic.css" と "normal.css" の2つは "basic" のグループに属します。このように属するグループが異なる場合、UA はソースコードを上から順に解析していくので、記述されている順番が上のグループが優先的に適用されるスタイルシートとなり、同じ優先スタイルシートでもグループの異なるものは適用されないのです。
また、代替スタイルシートは Opera や Firefox では「表示→スタイル(スタイルシート)」の手順で、ユーザー側で適用するスタイルを切り替えることができます。この場合に代替スタイルシートである "alt" のグループを選択すると、"alt.css" と固定スタイルシートの "main.css" の2つのみが適用されます。ただし、ブラウザのバージョンが古かったり、Windows版Internet Explorer 6 は優先スタイルシートをすべて読み込んでしまう実装になっています。
http://w3g.jp/xhtml/dic/title実績:大阪学院 入試サイト New! / 三田市民病院 / 神戸女学院大学 入試サイト / 釣りサンデー