Html 使用title属性向每个图像添加工具提示

Html 使用title属性向每个图像添加工具提示,html,css,Html,Css,《代码复仇者》一直说我需要给每张图片加上标题。当我已经这样做了。请帮忙 $img.onmouseover,functionevent{ $.tooltip.remove; Title=$this.attrtitle; $this.removeattle 让工具提示=$,{class:tooltip,html:Title,style:left:+event.pageX+px;+top:+event.pageY+px;}; $this.parent.appendtooltip; $this.par

《代码复仇者》一直说我需要给每张图片加上标题。当我已经这样做了。请帮忙

$img.onmouseover,functionevent{ $.tooltip.remove; Title=$this.attrtitle; $this.removeattle 让工具提示=$,{class:tooltip,html:Title,style:left:+event.pageX+px;+top:+event.pageY+px;}; $this.parent.appendtooltip; $this.parent.find.tooltip.fadeIn; }; $img.onmouseleave,functionevent{ $this.attrtitle,Title 标题=; $.tooltip.remove; }; .工具提示{ 位置:绝对位置; 背景色:000; 颜色:fff; 填充物:5px; 显示:无; 指针事件:无; } 这个漂亮的忍者女孩是谁!? 难以置信的绿巨人!
这是一辆又好又快又结实的车 我认为你的问题在于alt和title的使用

标题 title属性是一个全局属性,这意味着您可以在所有元素上使用它。总的来说,需要注意的是,某些元素(例如缩写元素)有一个特殊的含义,它被定义为:

title属性表示元素[…]的建议信息

您应该阅读属性的定义,它解释了如何不使用它

中高音 alt属性只能用于区域、图像按钮输入和img元素。对于img,其含义如下:

alt属性的值是img元素的回退内容,并为无法处理图像或禁用图像加载的用户和用户代理提供等效内容

关于如何不使用此属性,有许多规则

这个漂亮的忍者女孩是谁!? 难以置信的绿巨人!
这是一辆又好又快又结实的车!你是什么意思,在正文中加了24个字符?我不熟悉HTML和CSW这是什么?您可以尝试添加一个alt属性。@kukkuz花了一些时间将您的代码格式化为可读的代码。你应该花点时间研究一下格式选项,这样做也不会有什么坏处。你应该在你的帖子中提到——我们不是读心术的人,当你尝试了无数不起作用的事情时,我们不会回头看你。我们仍然不知道这是谁或是什么在唠叨,但是,由于示例代码中的所有img显然都具有必需的title属性,因此您可能只是在实际代码中遗漏了一个img。如果您无法确定是谁/什么在验证和拒绝您的代码,我们将无法重现您的问题。手机一直在重复相同的内容,即再次尝试使用标题属性为每个图像添加工具提示。您是说这个吗?这个漂亮的忍者女孩是谁!?难以置信的绿巨人!这是一辆又好又快又结实的车!这一个是原始的,你必须按标题属性添加工具提示?是的,我已经做了你告诉我要做的工具提示,以及其他人的建议,这些解决方案似乎无法复制和粘贴此新解决方案,同时使用title和alt可能会起作用^^这是一个很好的例子,但不太可能解决OP将代码提交给代码复仇者验证的问题。虽然此代码可能会回答这个问题,但提供有关如何和/或为什么解决问题的附加上下文将提高答案的长期价值。
<br><img title="Cool as ninja!" src="/images/profile2.png" width="300"></br>
<br> <strong>Who's this pretty girl ninja!?</strong>
<br><img  title="Cool dude bro!" src="/images/profile5.png"></br>
<br> <strong>Incredible Hulk!</strong>
<br><img title="What's up bro, like my new car?" src ="https://images-na.ssl-images-amazon.com/images/G/01/VDP/9816_cc2400_001_PVG_cherokee_712x534._V291818945_.png" width="300">
<br><strong>This is a nice, fast, as well as strong car!</strong></br>