html标记和标准+ img元素

时间:2011-08-05 11:21:21

标签: html performance xhtml standards w3c

在html标记中指定img元素的度量单位是一个好主意/做法吗?

我一直都这么做,并且想是的。我假设它避免浏览器猜测%到px?

也许我错在这里,并且更快,更有效,并建议,只需指定数字值而不拖尾UOM。

我已经阅读了W3C,并没有发现我的问题。

<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />

VS

<img src="/path/to/image/andthebad.jpg" width="100" height="100" />

4 个答案:

答案 0 :(得分:1)

我更喜欢使用px,因为它可以按照您的意图保留图像比率。宽度为100%可以在宽屏幕上拉伸图像,导致图像质量不佳!

答案 1 :(得分:1)

The spec specifically states没有百分比的长度表示像素。

<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->

答案 2 :(得分:0)

表现明智,甚至不考虑它。

否则,如果您想限制图像大小,则应指定它。如果您只是想要全尺寸图像,请不要指定它。并尽可能使用CSS。

答案 3 :(得分:0)

您应始终指定图像的测量值。当浏览器加载页面时,由于浏览器提前知道图像大小,因此屏幕将更少闪烁。

所以你首选#1代码:

<img src="/path/to/image/thegood.jpg" width="100px" height="100px" />