网站ico图标

作者: 让思念入土 | 来源:发表于2019-01-12 20:40 被阅读0次

她（它）是显示在浏览器中的网页图标。

它是图标形式，不是一个图片

位置是放到 head 标签中间而不是在title里面插入图片。

后面的type="image/x-icon" 属性可以省略。
为了兼容性，请将favicon.ico 这个图标放到根目录下。

<link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/>

制作这个小图标需借助第三方网站：

1、将自己所需要的图片切下来

2、去网站上搜索ico图标将图片转化为ico图标

推荐网址：http://www.bitbug.net/。比特虫

例如：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="shortcut icon" href="favicon.ico"  type="image/x-icon"/> 
</head>
<body>
    
</body>
</html>