图片标签img中,alt和title

alt属性
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。所以alt属性的本意是用于替换图像,而不是为图像提供额外说明的,但是,在ie浏览器中,alt属性会变成文字提示,这本身是一种误导。所以,如果你使用firefox或者chrome,alt属性就不会提示文字。

title属性
title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性title。title属性的优先级高于alt。但由于错误的引导,很多初学者就在img标签内只加了alt属性。

所以,实现当鼠标经过图片时出现文字提示的效果,使用title标签:

<img src="11.jpg" width="500px" height="300px" title="你看不见我" />

另外,img图片加alt=''时,在图片路径为空或者错误(图裂)时,会使img图片宽高为0;onerror可以监听i在图裂时替换默认图片

function CheckImgExists(imgurl) {  
    var ImgObj = new Image(); //判断图片是否存在  
    ImgObj.src = imgurl;  
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {  
        return true;  
    } else {  
        return false;
    } 
}

猜你喜欢

转载自blog.csdn.net/sk161205/article/details/88387610