首頁猿問 img 和...

img 和 background-image 有什么優劣之分嗎？

JavaScript

FFIVE 2019-04-13 08:36:56

是這樣的，像極端的情況比如整個頁面的背景，我會毫不猶豫的使用background-image，但是某一個單獨的圖片，比如logo，只要加載出來就行，也不需要對它做什么復雜的操作，我的理解是能在html里實現的就不要再去CSS里寫了，越簡單越好。但是看到一段代碼所有的圖片都是用div背景圖片寫的，我突然困惑了這樣到底是對是錯？能否有人給我講一下優劣？比如是加載方面有區別？SEO區別？多謝啦！

查看完整描述

2 回答

米脂

TA貢獻1836條經驗獲得超3個贊

簡單來說，img是內容部分的東西，background-image是修飾性的東西。稍微加點文字就是img從頁面元素來說，如果是頁面中的圖片是作為內容出現的，比如廣告圖片，比如產品圖片，那么這個必然是用img了，因為這個是頁面元素內容。頁面元素內容最關鍵的一點就是，當頁面沒有樣式的時候，還是能一眼看過去就知道什么是什么……background-image背景圖片，修飾性的內容，在頁面中可有可無。有，是為了讓頁面中視覺感受上更美；無，并不影響用戶瀏覽網頁獲取內容。裸奔其實說白了，背景圖片就是通過樣式加載后，讓頁面更漂亮而已，內容圖片就是為了展示給用戶的。假設有一天你的網頁沒有任何樣式的時候，那么這個時候請想想你的網站上哪些圖片是給用戶看的，這樣就足夠了。

反對回復 2019-04-13

GCT1015

TA貢獻1827條經驗獲得超4個贊

前景圖img是數據性的東西，屬于頁面要展現的內容。背景圖是修飾性的東西，不要也罷。比如，用戶圖像，肯定是前景圖了；產品列表的圖片，也是前景圖了。但是產品列表的圖片，有的左上方有個推薦的標簽，減價的標簽，肯定就是修飾咯。

反對回復 2019-04-13

2 回答
0 關注
326 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

img 和 background-image 有什么優劣之分嗎？

img 和 background-image 有什么優劣之分嗎？

2 回答

添加回答

img 和 background-image 有什么優劣之分嗎？

img 和 background-image 有什么優劣之分嗎？