知道吗?H1标签同样也可以美化


大家都知道搜索引擎比较喜欢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>



相关阅读:
菜鸟学装FreeBSD5.1图解
双系统下Vista中快速启动XP
解决ASP.NET 的进程帐户没有访问 IIS的权限
JSP/Servlet的URL重定向
在javascript中为String对象添加trim,ltrim,rtrim方法
PHP如何透过ODBC来存取数据库
SQL Server中导入导出数据的三种方式
如何将全文检索中的“干扰词”去除
加强Win 2003系统安全性技巧四招
如何快速查询Win7正版系统更加详细的授权信息
Oracle Application Server安装步骤
MS-SQL Server 2005 其中三个版本的比较
PHP中的类-什么叫类
详解Linux操作系统使用Windows分区
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4