h标签与图像替换

h1标签对SEO是有优化的，当你想使用图像替代文本时，可以使用一个hacker类来代替。

<h1 class="HeaderReplacement">Section Header</h1>

  .HeaderReplacement {
      width: 400px;
      height: 200px;
      text-indent: -9999px;
      background: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2870806110,1814139188&fm=26&gp=0.jpg) #cccccc no-repeat;
      background-size: cover;
    }

效果图：

文本隐藏在左侧

还有一个有点，可以使页面降级处理，当人们使用屏幕阅读器时或者css样式加载不出时，能显示文本内容。