頁面中圖片以背景圖/img標籤展現的優劣

一、img標籤是html結構上的標籤html

缺點:
    一、每個img標籤都會有一次http請求,會在瀏覽器加載結構的過程當中加載。
    二、當一張圖片很大時,在此圖片加載完成以前都不會顯示此圖片
優勢:
    一、當圖片不展現時能夠使用圖片的alt和title屬性代替展現,並且也利於seo
複製代碼

二、background-image只是元素的一個樣式設置瀏覽器

缺點:
    一、沒有任何語義,不利於seo
優勢:
    一、做爲樣式,不會影響結構的加載
    二、設計圖片的樣式更容易複製代碼
相關文章
相關標籤/搜索