知道吗?H1标签同样也可以美化
2008-10-17 19:26
155 查看
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。
<h1><img src="http://5key.net/xxxx.jpg"></h1>
其实通过一点小的调整则可以将两者兼顾。
再来看看这段。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>
<div class="test">
<h1>邀请好友加入</h1>
</div>
<div class="testbox"></div>
<h1><img src="http://5key.net/xxxx.jpg"></h1>
其实通过一点小的调整则可以将两者兼顾。
再来看看这段。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>
<div class="test">
<h1>邀请好友加入</h1>
</div>
<div class="testbox"></div>
相关文章推荐
- 在使用jquery时间控件的时候无论怎么设置readonly都没有效果,折腾了N久才知道了这个属性,希望可以为同样有过苦恼的童鞋有些帮助
- 抽象类继承抽象类可以不重写父类的抽象方法,普通类继承抽象类必须重写父类中的抽象方法,实现接口也是同样的道理
- 想不想在写项目时有个页面可以访问你WebRoot下的所有文件,便于你知道你的文件分布结构
- 为什么同样的程序在别人机子上可以运行,在我的机子上报错呢?error C2011
- 改注册表,在一定时间内只能运行指定程序,知道用组策略管理器,可以实现,不过我想用编程的方法。
- 知道同样都是8小时,为什么待遇差这么多么
- 通过xib同样可以让UIView背景透明
- 无论你的IP如何变化,网上用户不需要知道你的IP而只须知道你的域名就可以连接到你的互联网主机。
- 百度快照——有些加密的文件同样可以看到
- 身份证小工具,知道身份证号,可以解析出身份证号是否通过校验、性别、年龄和出生所在地
- Windows 10 新功能:系统服务有增减时会有通知弹出来,可以更好地知道发生了什么
- 在Turbo C下,中断函数中是不可以调用printf函数【经验证,在linux c中同样存在此问题】
- 做软件项目,只要知道计算机编程语言就可以做开发的工作了吗?
- 1、connect方法会阻塞,请问有什么方法可以避免其长时间阻塞? 答:最通常的方法最有效的是加定时器;也可以采用非阻塞模式。 2、网络中,如果客户端突然掉线或者重启,服务器端怎么样才能立刻知道? 答
- 人既然知道努力就可以进步,为什么…
- 你知道Guitar Pro 7可以编辑中文歌词吗?
- 更有好的文本框[同样可以用于其它情况]信息提示
- 一个可以美化Select表单样式的插件[Chosen]了。
- 你知道RxJava也可以实现AsyncTask吗?
- URL也可以优化,您知道吗?