页面标题

页面标题通常需要文字和图片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矢量图片。