HTML 5 <img> width 属性

实例

规定图像的高度和宽度:

<img src="tulip.gif" width="400" height="266" alt="上海鲜花港 - 郁金香" />

亲自试一试

定义和用法

width 属性规定图像的宽度。

提示:为图像指定 height 和 width 属性是一个好习惯。如果设置了这些属性,就可以在页面加载时为图像留出空间。如果没有设置这些属性,那么浏览器就无法了解图像的尺寸,也就无法为图像预留出适当的空间。因此当图像加载时,页面的布局就会发生变化。

提示:请不要通过 height 和 width 属性来缩放图像。如果通过 height 和 width 属性来缩小图像,那么用户就必须下载大容量的图像(即使图像在页面上看上去很小)。正确的做法是,在网页上使用图像之前,应该通过软件把图像处理为合适的尺寸。

HTML 4.01 与 HTML 5 之间的差异

无差别。

语法

<img width="pixels|%" />

属性值

描述
pixels 以像素为单位的宽度。(比如 "100px" 或仅仅是 "100")
% 以包含元素的百分比计的宽度。(比如 "50%")