`
sjsky
  • 浏览: 921501 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

shortcut icon地址栏显示个性图标

    博客分类：
  • web
浏览器HTMLShortcutIcon 
阅读更多
    blog迁移至:http://www.micmiu.com

Shortcut Icon 就是在网站地址的前面出现的那个小图标。

   想要让你的网站显示个性图标，首先需要制作个icon的图标（用PS自己做或者用在线的制作，具体网站见附录），
其次需要在页面的“<head></head>”间添加如下代码： 
<!--可以在收藏夹中显示出图标-->
<link rel="Bookmark"  type="image/x-icon"  href="favicon.ico"/>
<!--可以在地址栏中显示出图标-->
<link rel="icon"  type="image/x-icon" href="favicon.ico" />
<link rel="shortcut icon"  type="image/x-icon" href="favicon.ico" />

注意点：
  • 一般ICON的分辨率是16*16，大小1-2k，建议不宜过大
  • href也可以是绝对路径或URL 比如：href="/favicon.ico" href="http://www.xxx.com/favicon.ico"
  • 当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使站点上没有指向它的链接
  • 把图标命名为favicon.ico 一般不用写link就可以应用于站点下的每一个页面文件
  • favicon.ico不是必须要放在根目录，名称也可以自己定义，只是在link中具体的href对应好即可

PS：如果你已经安装上面介绍的步骤更新到网站目录以后，用IE仍然不显示小图标，问题很可能出在缓存的历史记录上。
请选择选择Internet选项，删除浏览历史记录，重新刷新页面一般即可解决。

附录：提供在线制作icon的网站
2
顶
1
踩
分享到：
| java.security.ProviderException: nextByt ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML5的<link rel="shortcut icon"标签是干什么用的

    这个图标通常出现在浏览器的地址栏左侧、书签栏以及新标签页中，为用户提供了一个快速识别网站的视觉标识。它让网站在众多网页中脱颖而出，增强了用户的浏览体验。 标签是HTML中的一个元数据标签，它主要用于链接...

    给浏览器地址栏加上个性小图标

    标题中的“给浏览器地址栏加上个性小图标”指的是在网页中添加favicon，这是一个小巧的图标，通常16x16像素或32x32像素，显示在浏览器的地址栏、书签、历史记录以及标签页上，为网站提供一种独特的视觉识别。...

    关于shortcut icon和icon代码的区别介绍

    快捷图标（Shortcut Icon）和图标（Icon）在HTML中是用来定义网站标识的两种不同方式，它们主要用于在浏览器的地址栏、书签、历史记录等地方显示网站的个性化图标。这两者的区别主要体现在用途和实现机制上。 首先...

    如何修改IE地址栏图标

    ### 如何修改IE地址栏图标 #### 知识点概览 - 图标的尺寸与格式 - 图标文件的命名规则 - HTML代码中的图标链接 - favicon.ico 文件的作用及放置位置 #### 详细说明 ##### 一、图标的尺寸与格式 在互联网上浏览时...

    在浏览器地址栏左边添加网站logo图标

    ### 在浏览器地址栏左边添加网站logo图标 #### 知识点概述 在现代网页开发中，网站logo不仅能够提升品牌形象，还能增强用户识别度。通过简单的HTML代码设置，可以在浏览器地址栏左侧添加自定义的logo图标（通常为....

    为网站添加网站图标ico,动画图标gif(在浏览器地址栏中显示).zip

    网站图标（Favicon）是网页的一种重要组成部分，它在浏览器的地址栏、书签和历史记录中显示，有助于提升网站的识别度。本教程将详细解释如何为网站添加静态的ICO图标以及动态的GIF动画图标。 首先，我们来了解什么...

    在地址栏中显示自己网站的logo

    标题中的“在地址栏中显示自己网站的Logo”是指在浏览器的地址栏中，网站的URL旁边展示一个自定义的图标，通常是一个小图片，这被称为favicon。这个图标可以增加网站的专业性和辨识度，当用户添加书签或在多标签...

    ICO转换工具网页中如何设置在网页地址栏中的小图标:

    ICO工具,网页图标可以转换，网页中如何设置在网页地址栏中的小图标: 在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，...

    icon图标修改

    而网页图标（favicon）则是在浏览器地址栏、收藏夹和标签页上显示的小图像，代表网站的标识。 "ArtIcons Pro"是一款专业的图标编辑软件，它允许用户创建、编辑和修改各种类型的图标。这款工具支持多种图标格式，如...

    浏览器地址栏中显示自定义小图标

    **浏览器地址栏中显示自定义小图标** **什么是Favicon？** Favicon，全称Favorites Icon，是一个专门设计用于浏览器的特殊图标。它的主要功能是在浏览器的收藏夹、地址栏以及标签页上显示一个代表网站身份的小图标...

    制作浏览器地址icon图标

    浏览器地址栏的icon图标，通常被称为favicon，是网站在浏览器标签页、历史记录以及书签中显示的小型图像。这个图标对于提升网站品牌识别度和用户体验有着重要作用。本篇文章将详细探讨如何制作和使用浏览器地址icon...

    修改IE地址栏Tomcat 小猫咪图标

    标题“修改IE地址栏Tomcat小猫咪图标”涉及到的是在Web服务器Apache Tomcat的自定义配置，特别是关于改变浏览器地址栏中的网站图标（Favicon）的过程。这个过程通常包括两个主要步骤：创建自定义图标（ICO文件）和...

    phpcms在地址栏中显示网站图标的方法(增加网站ico图标)

    通过以上步骤，你便能在PHPCMS中成功实现地址栏的网站图标显示，提升网站的专业性和辨识度。记得图标的设计应该简洁明了，与你的品牌和网站主题相一致，这样更能吸引用户的注意力，加深他们对网站的印象。

    修改tomcat项目的图标

    - **定义**：`favicon.ico` 是一个网站的图标文件，通常用于浏览器的地址栏、书签等位置。 - **作用**：增强网站的辨识度，提升用户体验。 - **位置**：在Web应用中，该文件通常放置在项目的根目录下。 **2. HTML...

    ico图标大全.zip

    ico图标大全.zip这个压缩包文件包含了丰富的ICO图标资源，这些图标是互联网上常见的图标格式，主要用于网站的favicon，即浏览器地址栏前的小图标。ICO文件是一种特殊的图像格式，它可以包含多个不同尺寸和颜色深度的...

    软件ico图标大全 软件ico图标大全

    2. **网页图标**：在HTML中，`&lt;link rel="shortcut icon" href="favicon.ico"&gt;`这行代码可以让浏览器加载指定的ico文件作为网页的favicon，显示在地址栏和书签中。 3. **文件类型关联**：操作系统通过ico图标来区分...

    ico图标和WinForm图标

    这个小图标出现在浏览器的地址栏、书签和历史记录中，帮助用户快速识别和区分不同的网站。在HTML中，通过标签的rel属性设置为"shortcut icon"，可以指定ico图标文件，例如： ```html &lt;link rel="shortcut icon" href...

Magicbox
Global site tag (gtag.js) - Google Analytics