在HTML中设置图像尺寸

时间:2010-07-02 10:32:55

标签: html image markup

设置图像的尺寸(在静态内容中)是不错的做法,即使我已将图像裁剪为正确的尺寸并且其容器具有固定尺寸并且溢出:隐藏?

<img src="" title ="" alt="" width="100" height="100"/>

2 个答案:

答案 0 :(得分:3)

通常,您应该提供高度和宽度标记,以便浏览器可以为图像保留needes空间。否则,在加载页面期间布局可能会发生变化。

由于你有一个固定大小的容器和溢出:隐藏,它可能没有多大帮助。但即使它没有帮助,它也没有害处。所以你应该坚持总是添加高度和宽度属性。

http://www.w3schools.com/tags/att_img_width.asp(请参阅“定义和用法”下的提示)

答案 1 :(得分:1)

我没有硬数据支持它,但我想我已经看到浏览器在图像的位置显示一个矩形,直到加载实际图像。要正确显示矩形区域,浏览器需要宽度和高度数据。

此外,某些浏览器在关闭图像或无法加载图像时会显示矩形而不是图像。要正确调整矩形的大小,还需要尺寸信息。

我认为设置它不会有任何伤害。