图片替换

用文字总比用图片做标题好一些. 文字对屏幕阅读机和SEO都是非常友好的.



例如：



Html代码
<h1><span>Main heading one</span></h1>

<h1><span>Main heading one</span></h1>
Html代码
h1 { background: url(heading-image.gif) no-repeat; }

h1 span {

position:absolute;

text-indent: -5000px;

}

h1 { background: url(heading-image.gif) no-repeat; }

h1 span {

position:absolute;

text-indent: -5000px;

}


　　你可以看到我们对标题使用了标准的<h1>作为标签并且用css来将文本替换为图片. text-indent属性将文字推到了浏览器左边5000px处, 这样对于浏览者来说就看不见了.

　　

关掉css,然后看看头部会是什么样子的.