Latest web development tutorials

HTML img height 屬性

HTML img 標籤參考手冊 HTML <img>標籤

實例

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

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

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


height 屬性規定圖像的高度,以像素計。

提示:為圖像指定height和width屬性是一個好習慣。 如果設置了這些屬性,就可以在頁面加載時為圖像預留空間。 如果沒有這些屬性,瀏覽器就無法了解圖像的尺寸,也就無法為圖像保留合適的空間,因此當圖像加載時,頁面的佈局就會發生變化。

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


HTML 4.01 與HTML5之間的差異

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


語法

<img height="pixels">

屬性值

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


HTML img 標籤參考手冊 HTML <img>標籤