一、
首先,这种情况用的是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