强制浏览器在页面渲染时留下图像空间

Question

在典型的html页面上，我有使用img标签的图像，其高度和宽度已经定义，因此浏览器不需要等到它加载图像并获得其尺寸。但是，在加载页面时，它不会留下图像中指定的空间，并在图像完全加载后调整页面大小。

即使图像在页面渲染过程中未完全加载，如何强制浏览器离开空间。

而且，现在假设我在页面上打破了网址，浏览器是否会留下空间？

Answer 1

当您指定图像的宽度和高度时，在HTML标记或CSS中，浏览器将在页面布局中使用这些尺寸，并将重新缩放（如果需要）图像以适合这些尺寸。需要分析有关未发生这种情况的情况的观察，首先确保已正确指定维度，然后确保它们未被更改（在客户端JavaScript中）。根据W3C标记验证服务，您提到的页面有986个标记错误，虽然大多数问题都是正式的，但它们可能包含影响渲染的错误。

如果src属性值未引用图像，则应希望浏览器呈现alt属性的值来代替图像。他们这样做的方式因浏览器而异。现代浏览器通常使用为图像指定的尺寸（如果文本不适合可能会截断文本），因此整体布局与图像在那里相同。