14. 用H1标签包含网站logo图片和文字

H1标签优化网站logo图片和文字

Last Updated on

H1标签优化网站logo图片和文字:大家都知道H1标签在网站优化中的作用,一个页面只能使用一个H1标签,所以放在哪,怎么放成为不少人头疼的事,特别是网站首页的H1标签优化设置。这里我们最好建议你用于首页LOGO中,因为LOGO是你整个网站的标志,大家都会关注到,把H1最重要的标签加进去更能加重你这个LOGO网站的权重,但因为LOGO一般是图片。

通常我们看到网站的标志都不使用文字,在H1标签把企业名称添加上去是非常实用的,同时我的网站又要用图片显示。 那么我们怎么做H1标签优化在网站LOGO呢?

1、h1的子辈添加img图标

2、通常用图片替换来实现

  1. h1元素添加background样式引用图片url;
  2. h1的背景图片重复:
    1. heading元素默认展示display:block;
    2. display:inline;
    3. 我们怎么让图片只显示一次:no-repeat/repeat-x/repeat-y;
    4. 文字不要显示:
      1. text-indent:-9999px;
    5. 图片的高度大于h1元素的默认高度:
      1. ps修图;
      2. 自定义h1元素的样式:
        1. height;
        2. width;
  3. 删除h1元素的文字,删除text-indent,显示也是一样的,实际不是一样的;

最好的时间方法就是用text-indent通过隐藏文字显示背景图片。

Last modified: 2019年8月14日

前一篇

HTML语言学习

13. html表单

html表单:用于收集不同类型的用户输入。实例演示创建文本字段(Text field) 本例演示如何在HTML 页面创建文本域。form标签用于为用户输入创建HTML表单。

...

后一篇

HTML语言学习

15. CSS字体:html字体样式

html字体样式:别人的网页都是彩色的,除了a标签之外,没见到颜色、字体、精细等样式啊,今天我们介绍字体样式,通过样式来设计字体,例如字体系列,颜色,字体间距和字体大小。

...