css3入门

{CSS}知道吗?H1标签同样也可以美化_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:42 我要评论( )

{CSS}知道吗?H1标签同样也可以美化,学习{CSS}知道吗?H1标签同样也可以美化,{CSS}知道吗?H1标签同样也可以美化,查看{CSS}知道吗?H1标签同样也可以美化,大家都

大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。

<h1><img src=""></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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评