用户65262218
我们说HTML语言本身就是不严谨的,一个HTML文件哪怕什么标签都不写也是可以的,另外很多开发者在写HTML时难免会出现代码写重的情况,还有资源重复引用时到底会不会再次加载?
HTML中重复资源会加载多次
假设HTML文件中多个img标签引用的是同一个地址的图片,那是加载一次还是加载多次?可能大家潜意识中觉得是加载一次,或者认为浏览器针对重复资源会做优化,“按理”只会加载一次。
但事实是,即使多个img标签引用的是同一个地址的图片,浏览器在每遇到一个img标签都会进行解析,然后加载此图片。
若图片存在缓存,则请求可能是单次的
图片是静态资源,对于静态资源我们是可以设置缓存规则的,如果图片允许被缓存,那多个img标签引用同一张图片时,默认还是会加载多次,但加载次数并不代表请求次数。
图片要先经过请求,然后才会被加载渲染。若图片存在缓存,网络请求这一步就会被忽略,而是直接从缓存中读取图片然后加载显示。
网络圈
你这个问题主要可能你不了解HTML文档流的概念,跟浏览器解析HTML的流程!
浏览器在解析HTML文档的时候,会检测标签,你写多少个,就会运行,就会加载这个标签,同样的就会显示多少图片.
所以显而易知,HTM文档写多少标签,浏览器就会解析多少,并且加载多少,跟多少相同的标签,重复出现的标签次数没有任何关系!
简述: 浏览器解析HTML文档规则
一米七八不穿鞋
看你的调用,多个img如果调用的是一张图片就加载一次,如果调用不同图片就多次,这关系到你的网页优化问题,对用户体验很重要喔!如果不是很重要的图片建议写在css样式里边