美文网首页Hava To Konw css
h标签与图像替换

h标签与图像替换

作者: solfKwolf | 来源:发表于2019-01-28 19:33 被阅读3次

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

相关文章

  • h标签与图像替换

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

  • H5 Canvas

    标签是H5中的新元素,在该标签中可以实现自己绘制图像。虽然 标签只是图像容器,但我们可以借助js在该容器中实现绘图...

  • VS Code 正则匹配(冗余代码批量清理方法)

    清除tppabs标签: html文件中: 查找:\btppabs="h[^"]*" 替换:(空) css文件中的图...

  • 3-13. HTML中被废弃的标签

    1、废弃标签 2、h5替换标签ins = u,inseted定义插入的文字strong = b,定义重要性强调的文...

  • HTML标签

    h标签与p标签 1.标题标签:只有h1~h6,六级标题,字体从大到小2.段落标签 :一般表示正文 img标签...

  • 两幅图像幅度谱和相位谱替换

    两幅图像幅度谱和相位谱替换 两幅图像幅度谱和相位谱替换 例子:苹果与橘子图像的幅度谱和相位谱替换 输出结果:

  • HTML 常用的标签

    iframe标签 iframe 与 a标签结合使用 a标签 a标签的属性详见 a标签的target属性 a标签的h...

  • vscode

    1.快捷键 通用快捷键 导航 查询与替换| Ctrl + F | 查询 || Ctrl + H | 替换 | 编辑...

  • HTML图像

    HTML图像-图像标签和源属性(Src) 在HTML中,图像由标签定义。是空标签,意...

  • HTML从入门到精通-2标签

    Title 我是顶部的a标签 这是h1标签 这是h2标签 这是h3标签 这是h4标签 这是h5标签 这是h6标签 ...

网友评论

    本文标题:h标签与图像替换

    本文链接:https://www.haomeiwen.com/subject/rmlzjqtx.html