把文字标题换成图片logo

编程开发 / , , / at

图片设计网站logo确实不利于蜘蛛的抓取,可是用文字的却又会影响网站的美观,这里有个终极的解决办法,Xhtml代码里显示文字标题,网页上显示的却是图片logo的,这样就达到了即美观又SEO的效果,从而实现了把文字链接换成logo,另外,这个效果是通过css来实现的,从而更能加快网页载入速度,增强用户体验感.
Xhtml代码如下:

<h1 id="BlogTitle">
 <a title="文字标题用图片logo来替换" href="http://blog.fend.cn/">图片logo替代文字网站名称</a>
</h1>

css代码如下:

#BlogTitle a{
 width:100px;
 height:100px;
 display:block;
 padding:20px 0 0 150px;
 background:url(http://blog.fend.cn/x.gif) no-repeat;
 color:#999999;
 font:700 12px/20px Arial;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注