<img>标签的方方面面
<img>标签的方方面面 <img>标签是页面上最为重要的元素之一。很难想象一个页面上没有图片的样子,这样的页面效果将会大打折扣。 任何一个前端工程师想必对<img>标签都非常熟悉了,毕竟经常和它打交道嘛。但你真的对它完全了解吗?如果你能准确无误地回答出以下几个关于<img>的问题,那么恭喜你,本文你可以不再往下看了,或者说你可以用省视的目光来核对本文。 问题1:如果在一个页面上插入<img>标签,有哪些属性是必需的? 问题2:<img>标签在HTML和XHTML中有什么区别? 问题3:在一个页面上插入<img>标签,为什么说最好要使用height和width属性? 问题4:<img>标签的onload/onerror/onabort事件,在什么情况下会被触发? 问题5:我们一般知道,当一个图片请求返回404时,会触发onerror事件,那当图片请求返回302时,会触发onerror事件吗?304呢?403呢?500呢?请求超时呢?甚至说当返回200,但内容并非是图片时,也会触发onerror么? 问题6:图片触发onerror事件时,能使用javascript获取到图片请求的响应代码么? 问题7:我们一般知道,<img>标签可以用来发起跨域请求,你能手写出一段正确使用<img>发起跨域请求的javascript代码么? 问题8:用户是可以设置浏览器不显示图片的,尤其是在移动设备上