HTML笔记13:浏览器标签页Tab显示图标

1. 期望样式

logo

2. 实现

对于不同的浏览器,方法是有差别的
1.对于IE或TT浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索
2.这大概是所有浏览器通用的在标签页加入指定图标的方法:
把favicon.ico图标放到网站目录下,在网页的中加入


# rel执行
# href 指定路径,也可以是链接
# type是href类型,默认icon
如:

3.对于火狐浏览器
3.1 图标格式没有IE那么严格,GIFPNG格式的图标也可以显示,图标名称也可以不是favcion
3.2. 把图标放在目录后,在中加入





3. 引申:link

link.png

注:

  1. 转自在浏览器的标签页显示网站标志图标(或指定图标)的方法
  2. HTML link标签
  3. Link rel 属性

你可能感兴趣的:(HTML笔记13:浏览器标签页Tab显示图标)