在HTML与CSS中定义图像比例

在HTML与CSS中定义图像比例,html,css,Html,Css,这一点很新,但是在链接Css中定义图像高度/宽度比定义img标记的内联属性有什么好处呢?我所看到的一切都指向在Html中更好地定义img大小,因为浏览器在加载页面时会更快地记住比例,而不必在其他地方跟踪它们,但将两者分离的全部目的是将大小和颜色等内容保留在主Html之外,并清理所有内容 谢谢 我建议: 1) 在HTML中定义img标记的原始大小值 2) 在HTML中向img标记添加一个“id” 3) 使用“id”标记,将其添加为CSS中的引用,并根据%调整大小 这样做的好处是,您可以从CSS

这一点很新,但是在链接Css中定义图像高度/宽度比定义img标记的内联属性有什么好处呢?我所看到的一切都指向在Html中更好地定义img大小,因为浏览器在加载页面时会更快地记住比例,而不必在其他地方跟踪它们,但将两者分离的全部目的是将大小和颜色等内容保留在主Html之外,并清理所有内容

谢谢

我建议:

  • 1) 在HTML中定义img标记的原始大小值
  • 2) 在HTML中向img标记添加一个“id”
  • 3) 使用“id”标记,将其添加为CSS中的引用,并根据%调整大小

这样做的好处是,您可以从CSS控制大小,但无论如何都要在HTML中定义标准大小。

使用内联样式几乎从来都不是一个好方法

使用类允许其他开发人员更轻松地修改代码。通过类管理属性也是每个人都使用的标准。没有人会寻找他们的代码内联

您应该在其他地方定义样式而不是内联样式,原因确实很多。
你应该阅读并搜索stackoverflow/google,因为这个问题以前已经被问过很多次了。

然而,OP所说的并不是内联样式,而是html属性。使用它们会有什么好处吗?html属性仍然是内联属性。我一直在使用CyrdDyAPI,在这里你可以定义HTML属性来从服务器加载特定类型的图像-裁剪,边框等-这是唯一的情况下,我会考虑使用HTML属性。