当前位置：编程学习 > html/css >>
答案：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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
h1标签还可以这样使用,当然你也可以对h1标签使用样式比如字体大小，字体颜色之类的，当然像上面例子，只是为了达到seo的目的，就不需要使用样式对h1标签进行修改了，因为显示在用户面前的是一张图片。
- 更多html/css疑问解答：
- div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗？
- 用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用？
- 这个div 的css是如何编写的
- div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
- 我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
- css问题，跪求大大帮忙
- 请教网页设计高手，如下图的这种css代码怎么写？