下面图老师小编跟大家分享一个简单易学的如何在浏览器地址栏前添加自定义的小图标教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
【 tulaoshi.com - Web开发 】
你是不是记得有时在浏览网易网站的首页时,在地址WWW.163.COM前会显示一个“易”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。
其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“head/head”之间添加如下代码:
Link Rel="SHORTCUT ICON" href="http://图片的地址(注意与刚才的目录对应)"
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1624108.html
看过《如何在浏览器地址栏前添加自定义的小图标》的人还看了以下文章 更多>>