当display:none遭遇 搜索引擎

       自从知道SEO一词，就开始不断去了解SEO的相关知识，在此期间也了解了一个新的名词“搜索引擎作弊”什么是搜索引擎作弊呢？就是采用不正当手段提高自己网页的排名。
其中一种作弊方法就是隐藏文字，其中就可能用到display:none这个样式，可能很多开发人员会无意中使用这个样式。本来目的是为了达到其他的效果，但却无意中违反了搜索引擎所要求的规范。根据自己的亲身体验写出此文。
      由于搜索引擎的技术高深，本人无法探其究竟，故使用火狐的firebug插件进行查看。在使用firebug查看代码结构的时候，会发现当某一部分使用 display:none样式时，该部分变为灰色。很是让人大为不快。解决办法第一想到的就是不再使用display:none这个样式。具体应用如下：
1 Q:标题为图片时,为了实现好的字体效果，很多地方不得不使用图片代替普通文字。
不推荐方法:
①<div><img src=""/></div>
②<div><span style="display:none">标题</span></div>  
推荐方法:
<div><span style="display:block; width:1px; height:1px; overflow:hidden; font-size:0; line-height:500%; ">标题</span></div>

2 Q:实现切换效果，需要未激活的内容进行隐藏
不推荐方法:
<div id="nr-1">结构中的内容</div><div id="nr-2" style="display:none">结构中的内容</div><div id="nr-3" style="display:none">结构中的内容</div>
推荐方法:
html: <div id="nr-1">结构中的内容</div><div id="nr-2" class="disn">结构中的内容</div><div id="nr-3" class="disn">结构中的内容</div>
css: .disn{ width:1px; height:0; overflow:hidden;}

原文地址：http://www.wangqi.com/html/2011-10/14387.htm