页面标题通常需要文字和图片logo两种，logo是主要为了浏览者查看，文字主要用于seo。
页面标题
1 h1{
width:100px;
height:100px;
background:url(1.png);
font-size:0; // 文字大小为0，文字隐藏
}
2 h1{
width:100px;
height:100px;
background:url(1.png);
text-indent:-999px; // 设置文字缩进。
}
3 h1{
content:url(1.png);
}
第三种是张鑫旭的《css世界》中的方法，将h1从普通元素变成替换元素，文字被自动替换，同时尺寸规则就是替换元素的尺寸规则，完美适应原始图片大小。
视觉上文字被替换了，但是屏幕阅读设备阅读的还是文字内容，搜索引擎seo抓取的还是原始的文本信息，对页面的可访问性没有任何影响。
此种方式有一些局限性，替换元素的固有尺寸是无法改变的，在移动端为了图片显示细腻，往往真实尺寸是显示图片尺寸的两倍。使用content生成图片，我们无法
设置图片的尺寸，只能迫不得已使用一倍图，会导致图片看上去有一些模糊。所以在移动端使用建议svg矢量图片。