html - 在 HTML 中指定图像的宽度和高度属性是否仍然相关？

Question

我找到了 a similar question here ，答案是:“您应该始终在图像标记中定义宽度和高度。”但这是从 2009 年开始的。

与此同时，前端发生了很多变化。我们现在都在进行响应式页面设计，同时针对多种设备和尺寸(移动设备、平板电脑、台式机...)。

所以，我想知道是否仍然需要指定宽度和高度属性，原因是什么(为了响应、页面速度、SEO...)？

Answer 1

img 元素具有 width 和 height 属性，但它们在任何 DOCTYPE 下都不是必需的。

宽度和高度属性只是“必需”或相关的，以保留页面空间并防止页面在加载时四处移动 - 这很重要。这可以使用 CSS 来实现，而不是提供足够快的 CSS 加载 - 它很可能在图像之前加载，所以一切都应该很好。

也可以(并且有效)只指定一个属性，宽度或高度，浏览器将计算省略的值以保持正确的纵横比。

如果需要，您可以在属性中指定百分比值。你不需要为此使用 CSS，如果这是你的意思。

另外，需要补充的是——在 HTML5 下，宽度和高度只能取一个像素值，换句话说，一个有效的非负整数。

是否使用宽度和高度属性取决于您的设计。如果您有很多不同大小的图像，您是想将所有尺寸集中在 CSS 中还是将它们包含在 img 中？