css3入门

{CSS}语义化H1标签_div+css布局教程

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

{CSS}语义化H1标签,学习{CSS}语义化H1标签,{CSS}语义化H1标签,查看{CSS}语义化H1标签,大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有

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

<h1><img src=”****.com/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>
<p class="test">
<h1>邀请好友加入</h1>

 

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

相关文章
  • {CSS}帮助你好好学习CSS的“边”和“内容”_div+css布局教程

    {CSS}帮助你好好学习CSS的“边”和“内容”_div+css布局教程

    2015-09-17 16:42

  • {CSS}关于学习DIV CSS的一些精妙问答_div+css布局教程

    {CSS}关于学习DIV CSS的一些精妙问答_div+css布局教程

    2015-09-17 16:41

  • {CSS}学习CSS布局网页的一些实例_div+css布局教程

    {CSS}学习CSS布局网页的一些实例_div+css布局教程

    2015-09-17 16:41

  • {CSS}CSS学习者:2008年不要作浮躁的人_div+css布局教程

    {CSS}CSS学习者:2008年不要作浮躁的人_div+css布局教程

    2015-09-17 16:41

网友点评