自從知道SEO一詞，就開始不斷去了解SEO的相關(guān)知識，在此期間也了解了一個新的名詞“搜索引擎作弊”什么是搜索引擎作弊呢？就是采用不正當(dāng)手段提高自己網(wǎng)頁的排名。
其中一種作弊方法就是隱藏文字，其中就可能用到display:none這個樣式，可能很多開發(fā)人員會無意中使用這個樣式。本來目的是為了達(dá)到其他的效果，但卻無意中違反了搜索引擎所要求的規(guī)范。根據(jù)自己的親身體驗(yàn)寫出此文。
由于搜索引擎的技術(shù)高深，本人無法探其究竟，故使用火狐的firebug插件進(jìn)行查看。在使用firebug查看代碼結(jié)構(gòu)的時候，會發(fā)現(xiàn)當(dāng)某一部分使用 display:none樣式時，該部分變?yōu)榛疑：苁亲屓舜鬄椴豢臁＝鉀Q辦法第一想到的就是不再使用display:none這個樣式。具體應(yīng)用如下：
1 Q:標(biāo)題為圖片時,為了實(shí)現(xiàn)好的字體效果，很多地方不得不使用圖片代替普通文字。
不推薦方法:
①<div><img src=""/></div>
②<div><span style="display:none">標(biāo)題</span></div>
推薦方法:
<div><span style="display:block; width:1px; height:1px; overflow:hidden; font-size:0; line-height:500%; ">標(biāo)題</span></div>
2 Q:實(shí)現(xiàn)切換效果，需要未激活的內(nèi)容進(jìn)行隱藏
不推薦方法:
<div id="nr-1">結(jié)構(gòu)中的內(nèi)容</div><div id="nr-2" style="display:none">結(jié)構(gòu)中的內(nèi)容</div><div id="nr-3" style="display:none">結(jié)構(gòu)中的內(nèi)容</div>
推薦方法:
html: <div id="nr-1">結(jié)構(gòu)中的內(nèi)容</div><div id="nr-2" class="disn">結(jié)構(gòu)中的內(nèi)容</div><div id="nr-3" class="disn">結(jié)構(gòu)中的內(nèi)容</div>
css: .disn{ width:1px; height:0; overflow:hidden;}