超链接的title属性,在鼠标移到超链接上可以显示提示问题,对于截断标题的内容来说提示比较有用。
1.标准写法如下:
<a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性">HTML语法中TITLE属性…</a>
可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示。
HTML语法中TITLE属性… ---TITLE---> HTML语法中TITLE属性的兼容性
2.当标题需要字体加粗时问题就出现了
<a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性"><strong>HTML语法中TITLE属性…</strong></a>
可以在IE6、Firefox、Chrome、Opera等浏览器下正确展示,但IE9无法正确展示。
3.在IE9下要展示需要以兼容模式运行。
且<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />兼容模式标签是不起作用的。
无论重复添加ALT标签,用SPAN、DIV都无法解决该问题。
4.经过多次尝试解决TITLE兼容性的写法
<a href="http://www.luoriver.com/" title=" HTML语法中TITLE属性的兼容性" style="font-weight:bold;">HTML语法中TITLE属性…</a>
可以在IE6~IE9、Firefox、Chrome、Opera等浏览器下正确展示,无需设置IE9的兼容性视图设置。
HTML语法中TITLE属性… ---TITLE---> HTML语法中TITLE属性的兼容性
|