指定图像高度和宽度的"正确"语义方式是什么？在CSS ...
width:15px;
或内联......
<img width="15"
？
CSS似乎是放置视觉信息的正确位置.另一方面,很少有人认为图像"src"不应该被指定为属性,并且高度/宽度看起来像二进制图像数据那样与"src"相关联.
(是的,我从技术的,最终用户的角度来看,这无关紧要.)
这个链接非常接近我的问题,但似乎适用于语法而不是实际的渲染输出:
我看到图像的高度和宽度可以在实际的html img标签中定义,实际上我读它的方式应该在那里定义.但是,我想知道图像显示的重要性.如果我插入以下代码
<img src="images/academia_vs_business.png" width="740" height="382" alt="" />
如果没有应用于图像的css,它是否会以其原始宽度和高度进行渲染？
如果我确实为该图像添加了CSS样式,就像在
img {
width: 400px
}
它会否决widthhtml 的属性吗？
如果我没有在html中指定图像的高度和宽度,那么唯一的问题是我没有将实际图像大小传达给非可视用户代理或者是否存在其他问题(例如浏览器无法分配imgs页面加载期间的空间).
如果css要改变图像大小,是不是在html标签中指定大小是多余的？
我想这一切都可以归结为放置和调整图像的最佳做法,我很乐意听到别人的技巧.
两者之间有区别吗？
<table width="100%">
和
<table style="width: 100%">
我知道img需要
<img width="20px">
预先计算它将使用的空间.但桌子怎么样？