H1标签也可以美化

来源:爱站网时间:2019-08-02编辑:网友分享
一般在搜索引擎中都会比较喜欢使用H1,H1是最基础也是最重要的一步,但是在代码上H1就失去了作用,那么你知道其实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标签也可以美化这一问题大家是不是都了解清楚了呢?更多的相关资讯就请关注我们爱站技术频道吧,爱站小编也可随时为大家解答问题。

上一篇:CSS网页设计中关于字体大小的内容

下一篇:如何用纯CSS3实现Material Design效果

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载