語義化 H1 標(biāo)簽
更新時間：2008年01月14日 20:11:58 作者：
語義化 H1 標(biāo)簽
大家都知道搜索引擎比較喜歡H1。在SEO中H1也是很基礎(chǔ)也很重要的一步。但有些時候為了界面風(fēng)格的原因，很多標(biāo)題性的文字做成了圖片。大多數(shù)情況下，切割頁面的時候就直接用上了圖片。在代碼上，H1也就對搜索引擎失去了作用。
<h1><img src=”http://www.****.com/xxxx.jpg”></h1>
jb51.net
其實通過一點小的調(diào)整則可以將兩者兼顧。
再來看看這段。H1的代碼對搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請好友加入”的文字遠遠的扔到左邊去了。
<style>
.test{}
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;}
.testbox{background:url(bg.gif);
width:522px;
height:323px;
}
</style>
<p class="test">
<h1>腳本之家</h1>
<h1><img src=”http://www.****.com/xxxx.jpg”></h1>
jb51.net
其實通過一點小的調(diào)整則可以將兩者兼顧。
再來看看這段。H1的代碼對搜索引擎依然可讀，我們只是利用text-indent:-9999px;將“邀請好友加入”的文字遠遠的扔到左邊去了。
復(fù)制代碼 代碼如下:
<style>
.test{}
.test h1{margin:0; padding:0; text-indent:-9999px; width:522px; height:45px; background:url(header.gif) no-repeat;}
.testbox{background:url(bg.gif);
width:522px;
height:323px;
}
</style>
<p class="test">
<h1>腳本之家</h1>
相關(guān)文章
按鈕里的字可以換行嗎...2006-10-10
在訪問某些站點時，常常發(fā)現(xiàn)要填寫一些沒有實際意義但又必須得重復(fù)填寫的表單，而且現(xiàn)在B/S的應(yīng)用越來越多，下面的方法也許可以讓你輕松點。2010-04-04
只能輸入小于最大數(shù)且是正整數(shù)的腳本...2006-12-12
二級連動菜單...2006-07-07
這款密碼強度實時驗證代碼比較實用啊， 也比較簡單，通過對輸入字符串的判斷，得知密碼的強度。2010-06-06
在textarea中顯示html頁面的javascript代碼
在textarea中顯示html頁面的javascript代碼...2007-04-04
刷新時清空文本框內(nèi)容的js代碼...2007-04-04
唯一的可去之外是加了一點美化，使用戶體驗更加一層樓，其中包括邊框的加粗，焦點的獲取，checkbox邊框線的隱藏等等。2009-12-12
實現(xiàn)復(fù)選框全選/全不選切換...2006-12-12
當(dāng)用JS調(diào)用form的方法submit直接提交form的時候，submit事件不響應(yīng)。2008-10-10