发表新帖
发表新帖

How to set-up a favicon?

前端 未结
关注
11 2136
梦毁少年i
梦毁少年i 2020-12-02 15:34

I am trying to do a very simple preliminary exercise to setting up a website which is creating a favicon.

This is the code I am using:
相关标签:
11条回答
  • 谎友^
    2020-12-02 15:53 
    <!DOCTYPE html 
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" 
      type="image/png" 
      href="http://example.com/myicon.png">
</head>
<body>
...
</body>
</html>

    rel="shortcut icon" should be rel="icon"

    Source: W3C

    0 讨论(0)
  • 一个人的身影
    2020-12-02 15:57

    I use this on my site and it works great. 

    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
    0 讨论(0)
  • 一生所求
    2020-12-02 15:58

    Below given some information about fav Icon

    What Is FavIcon?  FavIcon is nothing but small image which appears top left along with the application address bar title.Standard size specification for favicon.ico is 16 by 16 pixel. Please see below attached figure.

    How It Works ?  Usually we add our FavIcon.ico image in the route solution folder and automatically application picks it while running. But most of the time we might have to use below both link reference.

                   <link rel="icon" href="favicon.ico" type="image/ico"/>
               <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>

    Some browser expect one (rel="icon") Some other browser expect other rel="shortcut icon"

    Type=”image/x-icon” OR Type=”image/ico”: once expect exact ico image and one expect any image even formatted from .jpg or .pn ..etc.

     We have to use above two tags to the common pages like – Master page , Main frame which is getting used in all the pages

    0 讨论(0)
  • 南方客
    2020-12-02 16:03

    From experience of my favicon.ico not appearing, I am sharing my experience. You can't get it to show until you put your website on a host, therefore, try put it on a localhost using XAMPP - http://www.apachefriends.org/en/xampp.html. This is how the favicon appears and like others recommended, change:

    rel="shortcut icon"

    to
    rel="icon"

    Also this way .png favicons can be used for slickness.

    0 讨论(0)
  • 余生分开走
    2020-12-02 16:04

    There is a very simple method to set a favicon, which had been around for a long time AFAIK. Place the favicon.ico file in the default location. i.e 

    http://www.yoursite.com/favicon.ico

    This works in almost every browser without a <link> tag. However, this works only if it is an *.ico file. PNGs and other formats still have to be linked with a <link> tag

    0 讨论(0)
 看不清?
提交回复
热议问题