h标签与图像替换

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

Section Header

  .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样式加载不出时,能显示文本内容。

你可能感兴趣的:(h标签与图像替换)