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

前端之家收集整理的这篇文章主要介绍了HTML width / height属性和img元素上的CSS width / height属性有什么区别?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML< img>元素可以具有width / height属性,并且还可以具有CSS width / height属性.
<img src="xxx.img" width="16" height="16" 
style="width: 16px; height: 16px"></img>

HTML属性和CSS属性有什么区别,应该具有相同的影响?

解决方法

关于这个问题的热门辩论可以在这里找到: Width attribute for image tag versus CSS

把它们加起来:

The gain from declaring a width value
and an height value (which may not be
the original physical dimensions of
the image) or from css declarations
(like width: [valueX]; height:
[valueY];) is that it helps speed up
the rendering of the page. The browser
knows how much space to allocate a
particular area of the page: it will
even draw image placeholders on a
first draw,a first parsing+rendering
of the page. When one does not define
any width and height,then the browser
has to download the image and then
figure out its dimensions,space to
allocate and then redraw the page.

这似乎是我看来最有利的效果.

猜你在找的HTML相关文章