Question

请告诉我带有示例的html语法，这样当我创建一个超链接的图像时，我会在它旁边生成一条评论，该链接会做什么？

Answer 1

对于系统标准工具提示，请使用title attribute（适用于几乎所有元素;仅接受文本，某些浏览器会在几百个字符后截断）：

<a href="url" title="supplemental text">link contents</a>

要在悬停时显示任意内容：

a:not(:hover) .supplement { display: none; }
a .supplement { position: absolute; }
...
<a href="url">link contents <span class="supplement">supplemental text</span></a>

顺便说一下，无论“链接内容”是文本还是图像，这都有效。

Answer 2

<a href="http://www.google.com" title="Go to google"><img src="/images/yourimage.png" /></a>

Answer 3

你的意思是像是悬停在消息上？您只需在链接标记中添加title即可：

<a title="add a comment to this post">add comment</a>

Answer 4

我想这样的事情：

<img src="worldmap.jpg" alt="Worldmap" title="Map of the World" usemap="#world">

<map name="world">
<area href="uk.html" alt="United Kingdom" title="United Kingdom" shape="poly" coords="150,217,190,257,150,297,110,257">
<area href="us.html" alt="United States" title="United States" shape="poly" coords="10,20,100,20,120,100,5,110">
</map>

Answer 5

我认为你在询问图片的alt属性。在某些浏览器中，当鼠标悬停在图像上时，会显示alt标记的内容，但不会在所有浏览器中显示。

<img src="image.jpg alt="Some text here" />

如果您需要上下文帮助，那么您必须使用javascript完成此操作，抱歉，但我无法提供示例。

鼠标悬停在html中

5 个答案: