HTML面试问题

Question

我在面试测试中得到了这个问题。给出了这个图片可能需要更长时间才能下载的两个原因。

< IMG src="somethin.gif" width=10 height=10 border=0 >

好吧我想出了3个而不是2个原因Xhtml验证问题，图像大小调整和不必要的border = 0.那么这里有什么问题？

Answer 1

验证问题不会增加下载时间（除了一些额外的空格外，它是唯一阻止它有效的HTML 4.01 Transitional是缺少的alt属性。）

可能会增加下载时间的事情是：

• 图片可能超过10x10且必须按比例缩小
• 使用演示属性而不是缓存友好的CSS（一次性不会很重要）

默认情况下，内部链接中的图像有边框，因此border = 0可能不像您想象的那样“不必要”（尽管使用CSS仍然可以更好地处理）。

Answer 2

两端都有空间。这是2个不必要的字节下载;）

Answer 3

something.gif实际上可能并没有指向文件系统上的静态图片。

something.gif可能：

• 可能会重定向
• 制作非200响应代码
• 动态创建
• 调用服务器端脚本（例如WebBug）

Answer 4

怎么样：

<img src="data:image/gif;base64, {insert base64 image here} >

将下载时间缩短约一个往返时间。因为它非常小，10乘10，所以base64的开销并不重要，我认为......

Answer 5

图像使用相对路径，可能根本无法下载，特别是在电子邮件客户端中查看时。