巅峰霸主 > 设计开发 > 前端技术 >

HTML如何给网页添加ico图标,ico添加代码分享

时间:2020-04-02 07:01:05  来源:巅峰霸主  作者:烈火大地 点击:
摘要:HTML中的ico图标显示在浏览器的顶部位置,网站默认在根目录下放一个favorite.ico图片,全站的网页都会有默认使用这个图标,对于站内特定的网页页面也可以单独添加……

一般的网站都有自己的图标(标签页左上角的小图标),如图:
在这里插入图片描述

如何添加ico图标?

非常简单,只需要在中添加如下代码:

<link rel="Shortcut Icon" href="/ico/title.ico" type="image/x-icon" />

href属性中的链接就是添加的ico的路径。
添加代码后,刷新页面,即可看到效果!

上面代码href中的图片除了ico格式也支持jpg、gif和png等格式的图片,为了加载速度,图片最好是16*16、32*32、64*64这样正方形图片,缺省值为空时会默认使用网站根目录下的favorite.ico作为图标。

(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号
2019-2020 ©巅峰霸主网 京ICP备12023415号-2
返回顶部