HTML <img> height 屬性
實例
高度和寬度都為 42 像素的圖像:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
流覽器支持
所有主流流覽器都支持 height 屬性。
height 屬性規定圖像的高度,以像素計。
提示:為圖像指定 height 和 width 屬性是一個好習慣。如果設置了這些屬性,就可以在頁面加載時為圖像預留空間。如果沒有這些屬性,流覽器就無法瞭解圖像的尺寸,也就無法為圖像保留合適的空間,因此當圖像加載時,頁面的佈局就會發生變化。
提示:請不要通過 height 和 width 屬性來縮放圖像。如果通過 height 和 width 屬性來縮小圖像,那麼用戶就必須下載大容量的圖像(即使圖像在頁面上看上去很小)。正確的做法是,在網頁上使用圖像之前,應該通過軟體把圖像處理為合適的尺寸。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,高度應該被定義為以像素為單位或者以包含元素的百分比為單位。在 HTML5 中,高度值必須以像素為單位。
語法
<img height="pixels">
屬性值
值 | 描述 |
---|---|
pixels | 以像素為單位的高度(比如 height="100")。 |
