是否可以在title属性中放置链接？

Question

是否可以在$ heroku login Enter your Heroku credentials. Email: xxx@gmail.com Password (typing will be hidden): ▸ Post https://api.heroku.com/login: x509: certificate signed by unknown authority 属性中放置链接？在下面的示例中，我想要＆＃34;点击此处＆＃34;要链接到google.com。我想要这样做的原因是因为我的title属性内容被放置在我照片下的标题中。

title

Answer 1

不，这是不可能的。当用户将鼠标悬停在放置title属性的组件中时，标题将显示为一个小工具提示，一旦用户将鼠标移出对象，此工具提示就会淡出。

由于用户需要将鼠标从对象移动到工具提示中，一旦用户尝试单击链接，它就会消失，因此无法执行此操作。

如果您尝试在title属性中使用HTML标记，则会显示常用文字，例如下面的屏幕截图。

注意： 如果您想要完全具有此行为，我建议您使用Bootstrap等框架并尝试使用popover component，通过trigger属性，自动显示为工具提示并满足您的需求。或者，当鼠标移出焦点组件时，调整tooltip component不会自动隐藏。

Answer 2

您无法在title=""属性中添加 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>