html - 使用 CSS 将图像尺寸设置为 "good"是否与在 HTML 中设置它们一样?

标签 html css image dimensions

很久以前当我第一次学习 HTML 时,有人告诉我始终在 HTML 中设置图像的尺寸很重要,这样浏览器就可以在图像应该放置的位置绘制一个空框,呈现你的页面,然后下载并渲染它们所属的图像。如果您没有为图像设置宽度和高度值,浏览器将不得不先下载图像以发现它们的尺寸,对于连接不畅的用户来说,这会减慢页面加载速度。

在过去的几年里,我一直在使用 CSS,我总是在我的 img 标签中放置一个 widthheight 声明HTML。我的问题是,在样式表中设置宽度和高度,并且不再添加这些 HTML 属性是否同样好?如果没有它们,它肯定会让我的简朴 HTML 看起来更干净。

最佳答案

您提到的图像未立即下载的问题也适用于您的 CSS。

不同之处在于,如果没有其余的 CSS,整个布局可能毫无意义。换句话说,如果 CSS 的其余部分没有加载,那么图像尺寸也丢失的事实就不会那么明显。

所以我个人认为将尺寸放在 CSS 中是可以的。

关于html - 使用 CSS 将图像尺寸设置为 "good"是否与在 HTML 中设置它们一样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4206616/

相关文章:

HTML 向右浮动元素顺序

html - 如何删除 div 之间的白边

java - 如何在 Android Studio 中通过 Intent 共享 GIF

css - HTML5 部分 - 如何在这种情况下进行标记和样式设置?

html - 复选框上的标签在 ipad 和 iphone 上显示的格式不正确

javascript - 如何使用 jQuery 将 div 设置为可拖动?

html - 如何让表格中的每一行都占据所有单元格的空间?

html - .net 网站中的 IIS 7 css 更新

image - 我如何开始图像处理?

PHP: 图像 ftbbox