新发现？：IMG 标签 SRC 属性中省略文件扩展名

[首先，我不知道我是否选择了合适的板块。我没有找到一个完美的板块。如果为这个技巧选择的板块不合适，我深感抱歉；如果可以的话，如果您有更好的板块建议，我会更改它。] 我偶然发现一件事，HTML 文件中 IMG 标签的 SRC 属性中可以省略图像文件的扩展名（包括点）。所以

<img src="pencil" />

是有效的，并且如果实际文件名是“pencil.jpg”，则会显示图像。当我将 3 个图像 pencil.png、pencil.jpg 和 pencil.gif 放在一个文件夹中，并将 3 个 IMG 标签放在 HTML 文件中时。

  <img src="pencil" />
  <img src="pencil" />
  <img src="pencil" />

----- 更新： 此代码在 Firefox 和 Internet Explorer 中显示 3 个 PNG 图像；但 Chrome、Opera 和 Safari 显示 3 个 JPEG 图像！ ----- 省略文件扩展名在使用样式表时也有效

它将图像作为 100x100 像素大小的 Div 中的背景显示。这个技巧在我的电脑上使用 WAMP 服务器 (Apache) (https:///example.htm) 时有效，但当我直接在浏览器中打开文件 (file:///c:/wamp/www/example.htm) 时却无效。这个技巧也适用于 HTML-5 文档。我安装了 Win 7 Ultimate 32 位和 WAMP Server 2.0c。----- 更新： 我在 Windows 和 Linux 服务器上都进行了检查，但它在实时服务器上不起作用。:-( 完全困惑了。它在我的电脑上使用 Apache 服务器和 Windows 7 操作系统有效，但在实时 Windows 或 Linux 服务器上不起作用！它在从本地硬盘打开文件时也无效。-----