如何为带onClick事件的链接设置ALT属性?
实现悬停显示“退出全屏”的方法
- 注意:
alt属性是供屏幕阅读器识别的无障碍属性,并非用于鼠标悬停提示文本。要实现悬停时显示提示,需使用title属性。 - 你可以将
title属性添加到<a>标签或<img>标签上,两种方式都能达成需求:
方式1:给 <a> 标签添加 title
<a href="#" onClick="myFunction22()" title="退出全屏"> <img src="images/icon-exit.png" width="34" height="34" alt="退出全屏"> </a>
方式2:给 <img> 标签添加 title
<a href="#" onClick="myFunction22()"> <img src="images/icon-exit.png" width="34" height="34" alt="退出全屏" title="退出全屏"> </a>
- 两者区别:给
<a>标签添加时,整个链接区域(含图片周边空白)悬停都会显示提示;给<img>标签添加时,仅鼠标落在图片上才会触发提示。
内容的提问来源于stack exchange,提问作者timbukto
相关产品推荐
相关产品推荐

