减少图片HTTP请求的方案提高网站性能

《Higb Performance Web Sites》（中文名：“高性能网站建设指南”）这本书对于前端工程师来说，绝对值得一读。本人有幸从公司借阅了，但不幸的是感觉翻译有点怪怪的。尤其是在翻译CSS Sprites的关键部分，让人不知所云。幸亏原理比较简单，所以没有造成障碍。^_^

本人看书有做笔记、写示例、发牢骚的习惯，所以有了下文。个人备忘也罢，初学者入门也罢，反正赖在这里。所以，拍砖也罢，口水也罢，我都忍着，呵呵。

当一个页面的图片在没有使用任何方案的情况下，五个图片超链接就只能使用五个图标按钮。

代码如下：

<div　style="border:　2px　ridge　rgb(51,　51,　51);　background-color:　rgb(244,　245,　235);　width:　200px;　padding-top:　4px;">
<center>　　　　　　　　　<a　href="javascript:alert('Home')"　title="Home"><img　src="http_request_img/home.gif"　border="0"></a>
<a　href="javascript:alert('Gift')"　title="Gift"><img　src="http_request_img/gift.gif"　border="0"></a>
<a　href="javascript:alert('Cart')"　title="Cart"><img　src="http_request_img/cart.gif"　border="0"></a>
<a　href="javascript:alert('Settings')"　title="Settings"><img　src="http_request_img/settings.gif"　border="0"></a>
<a　href="javascript:alert('Help')"　title="Help"><img　src="http_request_img/help.gif"　border="0"></a>
</center>
</div>