我们在网站开发的时候，我们常常被建议使用HTML标签来显示文本，而不是图像。这样可以使得网站具有更快的加载速度以及可访问性。
举个例子说，你开发了一个网站，你想在你网站的每一个页面的页面顶端放一个"购买物品"。现在加入你是一个卖家，那么你很期望你的物品能被搜索引擎找到，也许你会这么做：
<h1><img src="widget-image.gif" alt="购买物品" /></h1>
实现了，但是这里需要注意的是，搜索引擎并不会关注img标签alt里的关键字。
所以，我们可以用css来代替。
如下：
<h1><span>购买物品</span></h1>
然后定义css：
h1
{
background: url(widget-image.gif) no-repeat;
}
h1 span
{
position: absolute;
left:-2000px
}
这样子就OK了，迎合了搜索引擎的口味。
文章摘自http://www.divcss5.com/jiqiao/j509.shtml