与Html图像的高度和宽度混淆

大家好，我对html

IMG

tag的高度和宽度以及CSS/样式的高度和宽度有点困惑

<img  alt="Title" src="/someimageurl" style="width:150px" width="150" />

您可以看到，我使用图像的

style

以及

width

属性设置了

width

属性。当我们使用图像时，这两个属性是我们设置的相同属性还是不同？

---

如果它们是不同的，请解释它们是怎样的？

它们是相同的。CSS宽度和HTML宽度之间没有区别。现在你不应该再用HTML标签来设计网站了。为此使用CSS。

它们是相同的。CSS宽度和HTML宽度之间没有区别。现在你不应该再用HTML标签来设计网站了。为此使用CSS。

指定宽度的

属性是一种过时的方法。您只能使用它指定宽度（以像素为单位）

另一方面，样式宽度是指定宽度的现代方法，不仅适用于图像，也适用于任何html元素。可以以像素、点、百分比和其他单位指定宽度

这同样适用于
高度
属性
宽度
是一种过时的指定宽度的方法。您只能使用它指定宽度（以像素为单位）

另一方面，样式宽度是指定宽度的现代方法，不仅适用于图像，也适用于任何html元素。可以以像素、点、百分比和其他单位指定宽度

同样的情况也适用于
高度
设置每个CSS的值比通过HTML属性设置这些值更为重要，因此将它们设置为不同的值通常意义不大

有人可能会争辩说，通过HTML属性设置它们可以让浏览器更早地知道图像的尺寸，从而知道在图像尚未加载时呈现页面时必须保留的空间；但我怀疑这种说法在现实中是否成立，因为在现代浏览器中，AFAIK通常只在CSS已经加载时才开始渲染，而且无论如何CSS很可能会对整个页面布局产生巨大影响，因此即使浏览器最初只知道HTML就保留图像空间，一旦应用了CSS，他将不得不重新呈现页面的大部分内容。
为每个CSS设置这些值比通过HTML属性设置这些值更具先例，因此将它们设置为不同的值通常意义不大

有人可能会争辩说，通过HTML属性设置它们可以让浏览器更早地知道图像的尺寸，从而知道在图像尚未加载时呈现页面时必须保留的空间；但我怀疑这种说法在现实中是否成立，因为在现代浏览器中，AFAIK通常只在CSS已经加载时才开始渲染，而且无论如何CSS很可能会对整个页面布局产生巨大影响，因此即使浏览器最初只知道HTML就保留图像空间，一旦应用了CSS，他将不得不重新呈现大部分页面。
它们是相同的，但如果您这样定义，则在html中定义的最后一个页面将由浏览器占据宽度。
它们是相同的，但如果您这样定义，则在html中定义的最后一个页面将由浏览器占据宽度。
html属性
宽度=“150”
和CSS声明
width:150px
，当应用于相同的
img
元素时，通常具有相同的效果（因此指定两者是多余的），但它们不是一回事

HTML属性使文档树中的元素节点将属性
width
设置为值
150
。CSS声明出现在
style
属性值中时（如此处所示），使元素节点的
style
属性的
width
属性获得值
150px
。呈现文档时，浏览器使用
width
值，解释为m（如果图像的固有宽度不同，则将图像缩放到该宽度），除非启用CSS，在这种情况下应用CSS级联，从而使用
150px
值

因此，如果值不同，
style
属性中的值将在支持CSS的浏览器中获胜

HTML属性值必须是纯数字（以像素为隐含单位）或百分比。在CSS声明中，还允许使用许多其他单位，例如，
em
单位，用于根据字体大小按比例缩放图像（适用于文本中显示的小图像），但通常情况下，您会缩放高度而不是宽度。在这种情况下，您可以根据对典型字体大小的猜测，使用HTML属性作为回退（在禁用CSS的情况下），例如HTML属性
width=“150“
和CSS声明
width:150px
，当应用于同一
img
元素时，通常具有相同的效果（因此指定两者是多余的），但它们不是同一件事

HTML属性使文档树中的元素节点将属性
width
设置为值
150
。CSS声明出现在此处的
style
属性值中时，会导致元素节点的
style
属性的
width
属性获得值
150px
。呈现文档时，浏览器使用解释为m的
宽度
值（如果图像的固有宽度不同，则将图像缩放到该宽度），除非启用CSS，在这种情况下应用CSS级联，从而使用
150px
值

因此，如果值不同，
style
属性中的值将在支持CSS的浏览器中获胜

HTML属性值必须是纯数字（以像素为隐含单位）或百分比。在t