img元素上的HTML width / height属性和CSS width / height属性之间有什么区别？

小编典典

img元素上的HTML width / height属性和CSS width / height属性之间有什么区别？

css

HTML <img>元素可以具有 width / height 属性，还可以具有CSS width / height
属性：

<img src="xxx.img" width="16" height="16"
style="width: 16px; height: 16px"></img>

HTML属性和CSS属性之间有什么区别，它们应具有相同的效果吗？

阅读 461

2020-05-16

共1个答案

小编典典

可以在此处找到有关该主题的热门讨论：图像标签和CSS的Width属性

把它们加起来：

声明宽度值和高度值（可能不是图像的原始物理尺寸）或css声明（例如width：[valueX];
height：[valueY];）的好处在于，它有助于加快页面的呈现。浏览器知道分配页面的特定区域有多少空间：它甚至会在第一个绘图（页面的第一个解析和渲染）上绘制图像占位符。如果未定义任何宽度和高度，则浏览器必须下载图像，然后找出其尺寸，空间来分配，然后重新绘制页面。

我认为这似乎是最有益的效果。

2020-05-16