购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.5 浏览器标题栏小图标

在浏览网页的时候,我们会发现几乎所有网站的页面在浏览器标题栏前面都会有一个小图标,如图1-3所示。

图1-3 浏览器标题栏小图标

想要实现这个效果,我们只需要在head标签添加一个link标签即可。

语法:

说明:

rel和type这两个属性的取值是固定形式,无需多讲。href属性取值为小图标的地址,这个地址是根据小图标在站点文件夹路径而定的,跟图片引用路径是一样的道理。

这里注意一下,小图标格式是.ico,而不是.jpeg、.png、.gif等格式。对于.ico格式的图标制作,我们可以搜索一下“在线icon”,会发现很多不错的在线工具,大家可以收藏一下。

举例:

在浏览器预览效果如图1-4所示。

图1-4 浏览器标题栏小图标预览图 L/QjG1tKo5P716ojEgBrvxnZPe+naemeSkbIGJYoaI24VOBAV7XMDAXTuhJKJSZo

点击中间区域
呼出菜单
上一章
目录
下一章
×