h1标签的使用技巧


h1标签的正确使用可以达到seo的目的,那么如何在使用h1标签的同时,又不失去原有的美观呢?事实上,正确使用h1标签,我们既可以达到seo的目的,也能达到美观的目的。大家都知道搜索引擎比较喜欢h1标签。在SEO中h1标签也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,h1标签也就对搜索引擎失去了作用。

其实通过一点小的调整则可以将两者兼顾。我们需要两张图片:
1 查看图片
2 查看图片

看看这段。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标签的使用 正确使用h1标签,兼顾美观与seo. 邀请好友加入
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
h1标签还可以这样使用,当然你也可以对h1标签使用样式比如字体大小,字体颜色之类的,当然像上面例子,只是为了达到seo的目的,就不需要使用样式对h1标签进行修改了,因为显示在用户面前的是一张图片。

base href 使用方法详解
当点了链接后,跳出的网页地址是http://www.gimoo.net/1.asp或http://www.gimoo.net/2.asp,它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中

html label标签的使用教程
在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个label/label,一直没明白这个label是做什么的,今天正好看到了解释:Labe

使用CSS不用程序实现文字自动截断 用省略号代替
.test{width:200px;height:50px;border:1pxsolidred;padding:10px;overflow:hidden;/*不显示超过对象宽度的内容*/text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...)*/w