如果我知道我要用图像标签显示的图像的高度和宽度,我应该包括高度和宽度属性,还是只将信息放在CSS中?或两者?
防爆.
<img src="profilepic.jpg" height="64" width="64" />
Run Code Online (Sandbox Code Playgroud)
要么
<img src="profilepic.jpg" height="64" width="64" style="height: 64px; width: 64px;" />
Run Code Online (Sandbox Code Playgroud)
要么
<img src="profilepic.jpg" style="height: 64px; width: 64px;" />
Run Code Online (Sandbox Code Playgroud) 这个链接非常接近我的问题,但似乎适用于语法而不是实际的渲染输出:
我看到图像的高度和宽度可以在实际的html img标签中定义,实际上我读它的方式应该在那里定义.但是,我想知道图像显示的重要性.如果我插入以下代码
<img src="images/academia_vs_business.png" width="740" height="382" alt="" />
如果没有应用于图像的css,它是否会以其原始宽度和高度进行渲染?
如果我确实为该图像添加了CSS样式,就像在
img {
width: 400px
}
Run Code Online (Sandbox Code Playgroud)
它会否决widthhtml 的属性吗?
如果我没有在html中指定图像的高度和宽度,那么唯一的问题是我没有将实际图像大小传达给非可视用户代理或者是否存在其他问题(例如浏览器无法分配imgs页面加载期间的空间).
如果css要改变图像大小,是不是在html标签中指定大小是多余的?
我想这一切都可以归结为放置和调整图像的最佳做法,我很乐意听到别人的技巧.