HTML img height 屬性

2018-11-12 17:44 更新

HTML <img> height 屬性

HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽

實(shí)例

高度和寬度都為 42 像素的圖像:

<img src="smiley.gif" alt="Smiley face"height="42" width="42">

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 height 屬性。


height 屬性規(guī)定圖像的高度,以像素計(jì)。

提示:為圖像指定 height 和 width 屬性是一個(gè)好習(xí)慣。如果設(shè)置了這些屬性,就可以在頁面加載時(shí)為圖像預(yù)留空間。如果沒有這些屬性,瀏覽器就無法了解圖像的尺寸,也就無法為圖像保留合適的空間,因此當(dāng)圖像加載時(shí),頁面的布局就會(huì)發(fā)生變化。

提示:請(qǐng)不要通過 height 和 width 屬性來縮放圖像。如果通過 height 和 width 屬性來縮小圖像,那么用戶就必須下載大容量的圖像(即使圖像在頁面上看上去很?。?。正確的做法是,在網(wǎng)頁上使用圖像之前,應(yīng)該通過軟件把圖像處理為合適的尺寸。


HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中,高度應(yīng)該被定義為以像素為單位或者以包含元素的百分比為單位。在 HTML5 中,高度值必須以像素為單位。


語法

<img height="pixels">

屬性值

描述
pixels以像素為單位的高度(比如 height="100")。


HTML img 標(biāo)簽參考手冊(cè) HTML <img> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)