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