圖片到底是寫在html還是寫在css呢

Q1.二者有何區別?
	A1.寫在css裏面的圖片是以背景圖形式存在的,而寫在html裏的是以<img>標籤形式存在的,
	   在網頁加載的過程中,以css背景圖存在的圖片會等到結構加載完成(網頁的內容全部顯示以後)纔開始加載,而html中的<img>標籤是網頁結構(內容)的一部分會在加載結構的過程中加載,換句話講,網頁會先加載<img>標籤的內容,再加載背景圖片,如果你用<img>引入了一個很大的圖片,那麼在這個圖片下載完成之前,<img>之後的內容都不會顯示。而如果用css來引入同樣的圖片,網頁結構和內容加載完成之後,纔開始加載背景圖片,不會影響你瀏覽網頁內容。

	Q2.什麼圖片插入在css,什麼圖片插入在html裏面?
	A2.如果是裝飾性的圖片就寫在css裏面,如果是內容性的圖片就寫在html裏面,
	   打個比方,你要做一個有漂亮邊框的相冊。那麼修飾邊框的圖片就寫在css裏面,相框裏面的內容照片就寫在html裏面。
	Q3.不知道怎樣問了,擴展點說就更好。
	A3.以後的網頁設計方向是表現層和內容層分離,css管表現,也就是顯示效果,html管結構,內容結構的劃分,這樣代碼要簡潔易維護一些。關於其他回答中的“像<img />這種屬於表現層的東西都會被丟棄的”這種說法是不正確的,內容中的圖片還是要使用<img>圖標而不是css背景來引入。而“css圖片可以複用,<img>圖片不能複用”這種說法也不正確,網頁加載過程中相同的圖片會下載一次並保存在緩存裏面,其他地方的<img>使用了同樣的圖片是不會再去下載的。<img>圖片也可以複用。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章