美文网首页
如何在URL地址前添加小图标

如何在URL地址前添加小图标

作者: 苏幕遮_凌枫 | 来源:发表于2017-08-01 22:49 被阅读0次

    首先,这个很简单是没错,但是我居然失败了好几次,所以把过程写下来,希望能帮助到跟我一样操作失败的小伙伴。


    需求:在URL前添加小图标,如下图

    image.png

    第一步 首先你得有个ico格式小图标

    • 百度搜ico图标在线制作
    • 选择https://www.ico.la/
    • 然后一顿操作生成图标并下载
    • 注意了:ICO图标的格式最好不要超过48x48
    • 下载下来的图标名字乱七八糟的,得重命名,但是这里有个坑,命名必须是favicon.ico 否则会有意外
      image.png

    image.png

    第二步 HTML代码怎么写

    • 图片有了,页面准备好了,代码怎么写呢?不知道,去看百度首页的源代码,研究一下怎么实现的。
    image.png
    • 看到了么?现在开始写这一行代码,直接copy也是极好的,因为IDE没有提示,照着敲真麻烦
    image.png

    第三步 看看效果呗

    image.png

    最后,因为一开始图片命名不正确,所有一直刷新网页都没看到效果,改完图片名还是没有效果,让我很抓狂,其实是因为浏览器缓存的原因,清下缓存或者换个浏览器就OK了。


    相关文章

      网友评论

          本文标题:如何在URL地址前添加小图标

          本文链接:https://www.haomeiwen.com/subject/mhpslxtx.html