行內可替換元素
img元素是HTML中的一個行內可替換元素。
img元素用於在網頁中嵌入圖像,其display屬性的默認值是inline,使其具有行內元素的特性,同時,img元素也具有可替換元素的特性,即其默認尺寸由嵌入的圖片的原始尺寸決定,允許使用CSS屬性如border、border-radius、padding、margin、width和height來修改其外觀。
在網頁設計中,img元素和background-image屬性都可以用來添加圖像,但它們在使用場景和效果上有所不同,img元素是DOM樹的一部分,用於表示網頁內容,而background-image是一個CSS樣式屬性,主要用於設定元素的背景圖片,img元素即使不手動設定寬高,也會自動占據空間,而background-image則作用於元素上,本身不能撐開元素。