語義化 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;將“邀請好友加入”的文字遠(yuǎn)遠(yuǎn)的扔到左邊去了。
<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;將“邀請好友加入”的文字遠(yuǎn)遠(yuǎn)的扔到左邊去了。
復(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)文章
公司最近一個項目中，出現(xiàn)了一個非window主題外觀的下拉菜單，于是自己搞了個。2008-11-11
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)
簡單form標(biāo)準(zhǔn)化實例——語義結(jié)構(gòu)...2007-02-02
只能輸入小于最大數(shù)且是正整數(shù)的腳本...2006-12-12
用文字鏈接代替表單提交的按鈕，以前經(jīng)常這樣用，現(xiàn)在大多是用圖片來代替，以替換呆板的按鈕樣式。2010-10-10
css+js實現(xiàn)select列表橫向排列效果代碼
真不錯的select橫排效果代碼，推薦大家閱讀，這個思路真不錯，太感謝作者了2008-06-06
表單提交驗證類...2006-07-07
js下在password表單內(nèi)顯示提示信息的解決辦法
js下在password表單內(nèi)顯示提示信息的解決辦法...2007-08-08
文本框根據(jù)輸入內(nèi)容自適應(yīng)高度的代碼
我最煩wordpress編輯器容器那狹窄的高度，每次都需要手動調(diào)節(jié)，很不好用2011-10-10
簽名框（Textarea）限制文字?jǐn)?shù)量并適時提示
僅用了一行代碼就實現(xiàn)了文本框的文字輸入數(shù)量限制，并適時給出提示，一般常見于發(fā)表評論、留言或簽名框等.2009-10-10
javascript實現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）
javascript實現(xiàn)上傳圖片前的預(yù)覽（TX的面試題）...2007-08-08