用戶65262218
我們說HTML語言本身就是不嚴謹的,一個HTML文件哪怕什麼標籤都不寫也是可以的,另外很多開發者在寫HTML時難免會出現代碼寫重的情況,還有資源重複引用時到底會不會再次加載?
HTML中重複資源會加載多次
假設HTML文件中多個img標籤引用的是同一個地址的圖片,那是加載一次還是加載多次?可能大家潛意識中覺得是加載一次,或者認為瀏覽器針對重複資源會做優化,“按理”只會加載一次。
但事實是,即使多個img標籤引用的是同一個地址的圖片,瀏覽器在每遇到一個img標籤都會進行解析,然後加載此圖片。
若圖片存在緩存,則請求可能是單次的
圖片是靜態資源,對於靜態資源我們是可以設置緩存規則的,如果圖片允許被緩存,那多個img標籤引用同一張圖片時,默認還是會加載多次,但加載次數並不代表請求次數。
圖片要先經過請求,然後才會被加載渲染。若圖片存在緩存,網絡請求這一步就會被忽略,而是直接從緩存中讀取圖片然後加載顯示。
網絡圈
你這個問題主要可能你不瞭解HTML文檔流的概念,跟瀏覽器解析HTML的流程!
瀏覽器在解析HTML文檔的時候,會檢測標籤,你寫多少個,就會運行,就會加載這個標籤,同樣的就會顯示多少圖片.
所以顯而易知,HTM文檔寫多少標籤,瀏覽器就會解析多少,並且加載多少,跟多少相同的標籤,重複出現的標籤次數沒有任何關係!
簡述: 瀏覽器解析HTML文檔規則
一米七八不穿鞋
看你的調用,多個img如果調用的是一張圖片就加載一次,如果調用不同圖片就多次,這關係到你的網頁優化問題,對用戶體驗很重要喔!如果不是很重要的圖片建議寫在css樣式裡邊