熟悉HTML的人中大部分都知道title属性存在于链接和图片中。title属性能够显示一个标题,也可能告诉人点击了链接或者图片之后会发生什么。但是有不少人都不知道文字也能添加title属性。其实这需要借助于abbr标签,abbr在英语中就是指缩略语的意思。而abbr标签中可以添加title属性,这样一个最大的用处就是在写一个缩略语的时候可以通过title属性来显示全称。
例如下面的这个例子:
<abbr title=”Cascading Style Sheets”>CSS</abbr>
接着再通过CSS修改abbr的样式让人知道这里是与众不同的:
abbr { border-bottom: 1px dotted #000000; }
最终显示的就是下面的这个效果
CSS
哦哦哦 这个我知道啊 哈哈~
哎 我睡不着咯 来抢个沙发睡觉…..
呃,是给标签加title属性,文字没有属性
嗯,是可以这么说,但是在用户看来是一样的效果。