图片尺寸应在img标签的height / width属性中还是在CSS中定义？
在img标记width和height属性中定义图像大小是否是更好的编码方法？
<img src="images/academia_vs_business.png" width="740" height="382" alt="" />
还是CSS样式的宽度/高度？
<img src="images/academia_vs_business.png" style="width:740px; height:382px;" alt="" />
或两者？
<img src="images/academia_vs_business.png" width="740" height="382" style="width:740px; height:382px" alt="" />
我将在这里违背原则，指出将内容与布局分离的原理（这将证明使用CSS提出的答案是正确的）并不总是适用于图像的高度和宽度。
每个图像都有一个固有的原始高度和宽度，可以从图像数据中得出。在内容与布局的框架中，我会说，派生的高度和宽度信息是内容，而不是布局，因此应将其呈现为HTML作为元素属性。
这很像alt文本，也可以说是从图像派生的。这也支持这样的想法，即任意用户代理（例如语音浏览器）都应具有该信息以便将其与用户相关联。至少可以证明宽高比是有用的（“图像的宽度为15，高度为200”）。这样的用户代理不一定要处理任何CSS。
规范说，widthandheight属性还可以用于覆盖实际图像文件中传达的高度和宽度。我不建议将它们用于此目的。要覆盖高度和宽度，我认为CSS（内联，嵌入式或外部）是最好的方法。
因此，根据您要执行的操作，可以指定一个和/或另一个。我认为理想情况下，原始高度和宽度始终应指定为HTML元素属性，而样式信息则可以选择在CSS中传达。
-
问题内容： HTML 元素可以具有 width / height 属性，还可以具有CSS width / height 属性： HTML属性和CSS属性之间有什么区别，它们应具有相同的效果吗？ 问题答案： 可以在此处找到有关该主题的热门讨论：图像标签和CSS的Width属性 把它们加起来： 声明宽度值和高度值（可能不是图像的原始物理尺寸）或css声明（例如width：[valueX]; heigh
-
问题内容： 是否可以在CSS中设置属性值？目前，我正在做的是： 我希望它像这样 我想 不 使用CSS中的或属性来执行此操作。 问题答案： 使用。 完整的工作解决方案（）： 经过测试和工作： Chrome14.0.835.163 Safari 4.0.5 Opera 10.6 经过测试， 无法 正常工作： FireFox 40.0.2（观察开发人员网络工具，您可以看到已加载URL，但未显示图像） I
-
问题内容： CSS 和属性可接受的最大有效值是多少？ （我目前正在构建一个Web应用程序，该应用程序会创建一个非常大的可缩放容器元素，我想知道实际的限制是什么。） 问题答案： 在宽度和高度为10000000000px的元素上使用某些浏览器随附的CSS检查器：
-
问题内容： 指定图像高度和宽度的“正确”语义方式是什么？在CSS中… 或内联… ？ CSS似乎是放置可视信息的正确位置。另一方面，很少有人会认为不应将图像“ src”指定为属性，并且高度/宽度似乎像“ src”那样与二进制图像数据相关。 （是的，我意识到从技术，最终用户的角度来看，这确实无关紧要。） 问题答案： 应该内联定义。如果使用的是img标签，则该图像应具有内容的语义值，这就是为什么需要al
-
问题内容： 是否可以使用CSS设置背景图片的大小？ 我想做类似的事情： 但是这样做似乎是完全错误的… 问题答案： CSS2 如果需要放大图像，则必须在图像编辑器中编辑图像本身。 如果使用img标签，则可以更改大小，但是如果您需要将图像作为其他内容的背景，那将无法达到预期的效果（并且它不会像您想要的那样重复出现）… CSS3 释放力量 在CSS3中使用可以做到这一点。 所有现代的浏览器都支持此功能，
-
我想从图像（即img）标签中提取源（即src）属性，我使用bs4，我不能使用来获取，但是我可以获取。我该怎么办？