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