大家浏览网页的时候,可能会发现这样一个现象,在浏览器的地址栏前端或者选项卡的前端出现一个小的图标,这个在机会所有有点脸面的网站都有应用,下面就简单介绍一下如何实现此效果。
一.制作一个长宽都是32px的.ico格式的图片,可以是任意名称。
二.使用上传工具,将这个图标上传到指定的目录下。
三.在网页的<head>与</head>标签内添加如下标签:
1
|
<
link
rel
=
"shortcut icon"
type
=
"image/x-icon"
href
=
"/images/favicon.ico"
/>
|
href属性值是.ico图片的路径。
需要注意的几点:
1.图片的大小尺寸必须都是32px。
2.图片的格式类型必须是.ico。
3.图片名称是任意的,当然必须符合命名规范。
原文发布时间为:2017-2-20
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落
原文链接:如何给网址前面添加小图标