H1标签也可以美化

一般在搜索引擎中都会比较喜欢使用H1，H1是最基础也是最重要的一步，但是在代码上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标签也可以美化这一问题大家是不是都了解清楚了呢？更多的相关资讯就请关注我们爱站技术频道吧，爱站小编也可随时为大家解答问题。