为了账号安全,请及时绑定邮箱和手机立即绑定

是否应该为HTML中的IMG指定高度和宽度属性?

是否应该为HTML中的IMG指定高度和宽度属性?

四季花海 2019-09-24 10:27:37
如果我知道要通过图像标签显示的图像的高度和宽度,我应该包括height和width属性,还是仅将信息放入CSS中?或两者?防爆。<img src="profilepic.jpg" height="64" width="64" />要么<img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" />要么<img src="profilepic.jpg" style="height: 64px; width: 64px;" />

3 回答

?
BIG阳

TA贡献1859条经验 获得超6个赞

根据Google Page Speed,您应始终在image标签中定义宽度和高度。但是,要验证您不能使用样式标签。


另外,您应始终指定与实际图像相同的高度和宽度,以使浏览器不必像调整大小一样对其进行任何修改。


我建议这样做


<img src="..." height="20" width="50">

编辑:有人在评论中建议不添加任何属性会更快。根据Google的说法(并非所有浏览器知识的终结)


如果在包含文档中未指定尺寸,或者指定的尺寸与实际图像的尺寸不匹配,则下载图像后,浏览器将需要重排并重新绘制。为防止回流,请在HTML标记或CSS中指定所有图像的宽度和高度。- 阅读更多


鉴于此,您可以在CSS中进行img标注,但要进行验证,必须在CSS文件中进行,而不是内联。


顺便说一句,Google Page Speed是一系列旨在更快地呈现页面的技巧。


查看完整回答
反对 回复 2019-09-24

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信