html元素中的link标签除了可以引用插入CSS样式表文件之外，还可以通过link标签设置网站的favicon.icon图标。
什么是favicon.icon图标？
网站favicon.ico图标，是显示在浏览器的选项卡标题栏、收藏夹等位置，是展示网站独有的缩略logo图标，目前主要的浏览器都支持favicon.ico图标。
favicon.ico图标制作方法
我们可以直接在线制作，现在网络上存在不少ico图标制作网站，制作过程其实很简单，你可以直接通过搜索引擎搜索；
为减去你寻找在线制作ICO图标网站的麻烦，刘代码就推荐两个网站：
标签添加favicon.icon的方法
在html网页的head标签内添加如下标签代码。
图标命名要求最好是favicon.ico，图标名称是favicon，且后缀名是.ico，因为这样的命名是最常见，且对浏览器的兼容性最佳！
图标favicon.ico要放在根目录里，浏览器在加载网页时，会自己检索这个图标，并把它显示在浏览器标题栏中(如下图所示)
在link标签中指定ico图标像素尺寸大小，就需要用到HTML5新增的sizes属性，如下代码：
一般来说，我们没有必要设置尺寸大小，我们只要一开始放入根目录中的favicon.ico图标的实际尺寸是16×16的就可以了，当然，也可以是32×32，或48×48。
IE浏览器添加favicon.icon方法
IE浏览器对ICO图标的要求比较严格：
1、IE浏览器只支持后缀.ico格式的图标，且图标名称必须是favicon；
2、link标签内的rel属性值必须是short cut，图标才会在IE浏览器中显示;
3、必须在head标签中使用link标签，代码如下：
其他格式图标添加方法
我们除了可以设置网站图标为.ico格式的，也可以是png，jpg，gif等格式，但是以ico格式的图片体积会更小！
下面以添加一个以gif格式的网站图标为例，写法如下：
图标的名称可以不是favicon，你也可以改成其他名称，但名称必须是英文、数字或下划线组成的；herf属性指向图标的连接地址必须正确！
在收藏夹中显示ico图标
在html网页的head标签内添加如下标签代码
当你的网页被添加到收藏夹中，就会在收藏夹中显示自定义的ico图标。
