图片替换，是网页设计师/开发者工具箱中的的基本功能。图片替换的目标是图形化呈现内容，但不牺牲无障碍性或搜索引擎的可见度。图形标题比单独的XHTML和CSS，给设计师更多美化的可能性。我们看一下本章开头图片替换的一个简单例子（见题为"关于语义"的部分），使用了Mike Rundle的phark技术
seo168的方法是将图片显示的大小放入标题标签，然后用不透明的GIF图片放在文本后面，将其覆盖。该方法的缺点是覆盖文本的标题标签内，需要额外的、空的<span>，略微增加了CSS的复杂度。

SIFR（或可升级的Inman Flash替换），一种使用Flash和JavaScript来通俗易懂地显示图形文字的解决办法，与CSS相关，但相当不同。起初，这听起来像是个讽刺的选项，来选择提供搜索引擎可见的内容，但因为只有在检测到支持JavaScript and Flash时，才显示样式文本，在不支持时便自动降级到HTML文本，这完全符合搜索引擎友好的原则。其背后大致的想法，就是当HTML页面加载时，JavaScript搜索开发者定义的关于标签、分类和标示的文档，并将它们与同样大小的SWF文件重叠。

原始元素的文本被添加到SWF文件里，然后ActionScript动态地提取字体中的文本和声明的排版规格。SIFR能够对内容某些部分提供特殊的排版控制，非常适合有很具体的设计限制的情况。但是，它的确比CSS驱动的替代方案需要更多的开发时间，也需要更多的时间来思考。但是文件很不错，提供了详尽的解释、例子、wiki和论坛，如果需要的话，可从中获得帮助。

不管选择什么样的图片替代技术，一定不要用老派、原始的方法（称为FIR或Fahrner图片替代），它通过display:none（显示：无）来隐藏标题文本。使用display:none（显示：无）使屏幕阅读者无法获取网页内容，可能会被搜索引擎误认为是不诚实的黑帽SEO技术。黑帽技术可降低网站的搜索排名。在页面上装饰任何内容时，牢记这一点！
 

下一页文章：网上盛传的方法对我们帮助有多大？浅谈W3C与DIV+CSS对SEO的影响