html⽹页logo属性link,html元素link标签rel=icon添加⽹站favi。
icon图标库。。
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图标。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。