HTML 5 <img> width 屬性
定義和用法
width 屬性規(guī)定圖像的寬度。
提示:為圖像指定 height 和 width 屬性是一個(gè)好習(xí)慣。如果設(shè)置了這些屬性,就可以在頁(yè)面加載時(shí)為圖像留出空間。如果沒(méi)有設(shè)置這些屬性,那么瀏覽器就無(wú)法了解圖像的尺寸,也就無(wú)法為圖像預(yù)留出適當(dāng)?shù)目臻g。因此當(dāng)圖像加載時(shí),頁(yè)面的布局就會(huì)發(fā)生變化。
提示:請(qǐng)不要通過(guò) height 和 width 屬性來(lái)縮放圖像。如果通過(guò) height 和 width 屬性來(lái)縮小圖像,那么用戶(hù)就必須下載大容量的圖像(即使圖像在頁(yè)面上看上去很小)。正確的做法是,在網(wǎng)頁(yè)上使用圖像之前,應(yīng)該通過(guò)軟件把圖像處理為合適的尺寸。
HTML 4.01 與 HTML 5 之間的差異
無(wú)差別。
語(yǔ)法
<img width="pixels|%" />
屬性值
值 | 描述 |
---|---|
pixels | 以像素為單位的寬度。(比如 "100px" 或僅僅是 "100") |
% | 以包含元素的百分比計(jì)的寬度。(比如 "50%") |