微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.

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

原文地址:https://www.jb51.cc/html/229232.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐