Fork me on GitHub
秋染蒹葭

css进阶之十六: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:用户是可以设置浏览器不显示图片的,尤其是在移动设备上,用户为了节省流量,往往会进行那么,如何获知用户是否禁止浏览图片呢?

参考资料
[转]你不知道的标签

本文标题:css进阶之十六:img标签的真面目

文章作者:zhyjor

发布时间:2018年10月11日 - 15:10

最后更新:2023年10月11日 - 02:10

原始链接:https://zhyjor.github.io/2018/10/11/css进阶之十六:img标签的真面目/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

🐶 您的支持将鼓励我继续创作 🐶

热评文章