鼠标悬停,出现大问号

一、

首先,这种情况用的是abbr标签
eg:

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

页面效果:
在这里插入图片描述
一般情况下和bootstrap结合使用,css样式如下:

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}
/* abbr[title]{} ;表示html文件里带有title属性的所有abbr标签 */

作用:
提示和注释。
可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

二、用a标签的 style中的 cursor 属性
样式描述
default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。
三、区别

<dfn> 标签可标记那些对特殊术语或短语的定义
用法上没什么不同,都是鼠标移上显示title内容
<abbr>官方倾向于在鼠标移上时表示该缩略语的完整版。
<dfn>官方倾向于在鼠标移上时表示特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。
“与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。” --w3school

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值