网页icon

• 查找方法 控制台：

1. F12或者鼠标右键 -> 检查
2. head标签里面找 link rel="icon"
3. 找到地址后 -> 鼠标右键 open in new tab
4. 确定没问题之后复制粘贴到我们的href=""中

icon来源

• icon来自本地： <link rel="shortout icon" href="favicon.ico">

• icon来自链接： <link rel="shortout icon" href="https://www.qq.com/favicon.ico" type="image/x-icon">

网页logo

• logo外面有一个h1标签，原因是与seo权重有关。

1、h1>a>img

• 插入图

<h1>
  <a href="#">
      <img src="xx.logo" alt="xx首页">
  </a>
</h1>

2、h1>a

• logo用css背景图片

logo与文字

• 要求：logo图片显示，文字隐藏。例如：x宝官网。
• 方法：
  • text-indent: -9999px; / -9999em;
  • 让文字显示屏幕之外

<h1>
    <a href="#">淘宝网</a>
</h1>

3、div>a

<div>
  <a href="#"></a>
</div>