タイトル属性内にリンクを置くことは可能ですか？

Question

title属性内にリンクを設定することはできますか？下の例では、google.comにリンクするには、ここをクリックしてください。私の理由は、私のtitleという属性の内容が私の写真の下にキャプションとして置かれているからです。

title="Click here for Google" 

Answer 1

いいえ、できません。 title属性が配置されているコンポーネントでユーザーがマウスを移動しているときにタイトルが小さなツールチップとして表示されるため、ユーザーがオブジェクトからマウスを動かすとすぐにこのツールチップがフェードアウトします。

ユーザーがオブジェクトからツールチップにマウスを移動する必要があるため、ユーザーがリンクをクリックしようとするとすぐに消えるため、この動作はできません。

title属性でHTMLタグを使用しようとすると、下のスクリーンショットのように通常のテキストとして表示されます。

---

注：あなたはまさにこの動作を持つようにしたい場合は、私はあなたがBootstrapようなフレームワークを使用してに、trigger属性を通じて、popover componentを利用するようにしようと提案しますツールチップとして自動的に表示され、ニーズをカバーします。または、フォーカスされたコンポーネントの外にマウスが移動したときに自動的に非表示にしないようにtooltip componentを調整します。

Answer 2

属性にのHTMLタグを追加することはできません。しかし、あなたは別の要素は、title属性のような「振る舞い」を作ると画像が推移したときのリンクを表示することができます。

img, img:hover + a, a:hover{ 
 
    display:block; 
 
    width:200px; 
 
} 
 
a { 
 
    display: none; 
 
}

<img src="http://i.imgur.com/RECDV24.jpg" /> 
 
<a href="https://www.google.com/">Click here for google</a>