3-2.标题栏图标

标题栏图标的定义方法有五种，这里进行全部进行讲解：

第一种：在网站的根目录下放一张为favicon.ico的图片文件，浏览器在打开的时候会自动寻找并加载，从而会显示在浏览器标题中

 

外部引入的方法：使用的是link单标签：

<link rel="icon" type="image/图片格式" href="存放图片的路径" />

　　1.link单标签：表示的是引入外部文件

　　2.rel属性：表示的是被链接文档与当前文档之间的关系，有icon,stylesheet等值

　　3.type属性：定义被链接文档的mime类型（多功能互联网邮件扩展类型）。

　　4.href属性：被链接文档的路径，可以使相对路径，也可以使绝对路径。

 

第二种：使用图片是ico格式的图片作为标题栏图标

<link rel="icon" type="image/x-icon" href="存放ico图片的路径" />

ico图标的获取：可以使用在线的转换工具，图标的尺寸大小为：16X16像素，因为该像素既可以在PC端正常使用，也可以在手机端正常使用

 

第三种：使用图片是jpg格式的图片作为标题栏图标

<link rel="icon" type="image/jpeg" href="存放jpg图片的路径" />

 

第四种：使用图片是png格式的图片作为标题栏图标

<link rel="icon" type="image/png" href="存放png图片的路径" />

 

第五种：使用图片是gif格式的图片作为标题栏图标

<link rel="icon" type="image/gif" href="存放gif图片的路径" />

 

归纳：第一种方式用的不是很多，常用第二种到第五种方式设置标题栏图标。