请告诉我带有示例的html语法,这样当我创建一个超链接的图像时,我会在它旁边生成一条评论,该链接会做什么?
答案 0 :(得分:5)
对于系统标准工具提示,请使用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>
顺便说一下,无论“链接内容”是文本还是图像,这都有效。
答案 1 :(得分:1)
<a href="http://www.google.com" title="Go to google"><img src="/images/yourimage.png" /></a>
答案 2 :(得分:0)
你的意思是像是悬停在消息上?您只需在链接标记中添加title
即可:
<a title="add a comment to this post">add comment</a>
答案 3 :(得分:0)
我想这样的事情:
<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>
答案 4 :(得分:0)
我认为你在询问图片的alt属性。在某些浏览器中,当鼠标悬停在图像上时,会显示alt标记的内容,但不会在所有浏览器中显示。
<img src="image.jpg alt="Some text here" />
如果您需要上下文帮助,那么您必须使用javascript完成此操作,抱歉,但我无法提供示例。