none
在ASP.NET中如何让网页在地址栏中显示个性化图标? RRS feed

答案

  • 浏览器地址栏前面显示的图标是从网页里面读取的,通过给页面head里添加icon的连接就可以了,比如这个论坛前面的图标是通过下面这一句实现的:

    <head>
    
    <link rel="shortcut icon" href="http://i1.social.microsoft.com/Forums/GlobalResources/images/Msdn/favicon.ico" type="image/x-icon" />
    
    </head>
    

    这个图标叫做favicon,可以用ico和png格式的图片,它会出现在浏览器的地址栏,添加收藏之后的地址前面也是这个图标,快捷方式也是这个图标,基本上现代的浏览器都支持。

    还有一些注意的地方,HTML和XHTML里是不一样的,在HTML里可以用下面的语法中的一种:

    <link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
    
    <link rel="icon" type="image/png" href="http://example.com/image.png">
    
    <link rel="icon" type="image/gif" href="http://example.com/image.gif">
    

    在XHTML中的图片地址可以写相对地址了:

    <link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
    
    <link rel="icon" type="image/png" href="/somepath/image.png" />
    
    <link rel="icon" type="image/gif" href="/somepath/image.gif" />
    

    :)


    Please mark the post answered your question as the answer, and vote other helpful posts, so they will appear differently to other users for the same problem. 请将解决实际问题的帖子标记为“答案”,并给其他有帮助的帖子投票,这样其他人有同样问题的时候可以快速找到解决方案。谢谢!
    2010年7月30日 1:34
    版主

全部回复

  • 浏览器地址栏前面显示的图标是从网页里面读取的,通过给页面head里添加icon的连接就可以了,比如这个论坛前面的图标是通过下面这一句实现的:

    <head>
    
    <link rel="shortcut icon" href="http://i1.social.microsoft.com/Forums/GlobalResources/images/Msdn/favicon.ico" type="image/x-icon" />
    
    </head>
    

    这个图标叫做favicon,可以用ico和png格式的图片,它会出现在浏览器的地址栏,添加收藏之后的地址前面也是这个图标,快捷方式也是这个图标,基本上现代的浏览器都支持。

    还有一些注意的地方,HTML和XHTML里是不一样的,在HTML里可以用下面的语法中的一种:

    <link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
    
    <link rel="icon" type="image/png" href="http://example.com/image.png">
    
    <link rel="icon" type="image/gif" href="http://example.com/image.gif">
    

    在XHTML中的图片地址可以写相对地址了:

    <link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
    
    <link rel="icon" type="image/png" href="/somepath/image.png" />
    
    <link rel="icon" type="image/gif" href="/somepath/image.gif" />
    

    :)


    Please mark the post answered your question as the answer, and vote other helpful posts, so they will appear differently to other users for the same problem. 请将解决实际问题的帖子标记为“答案”,并给其他有帮助的帖子投票,这样其他人有同样问题的时候可以快速找到解决方案。谢谢!
    2010年7月30日 1:34
    版主
  • 谢谢帮助!
    2010年8月3日 10:27