一、Shortcut Icon 就是在网站地址的前面出现的那个小图标。
想要让你的网站显示个性图标,首先需要制作个icon的图标(用PS自己做或者用在线的制作,具体网站见附录),
其次需要在页面的“<head></head>”间添加如下代码:
Html代码
- <!--可以在收藏夹中显示出图标-->
- <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的网站
相关推荐
网页图标在设计和开发网页的过程中起着至关重要的作用。它们是用户界面的重要组成部分,通过简洁、直观的图形,帮助用户快速识别和理解页面的功能。"常用网页图标 png格式 (1)" 这个压缩包文件包含了多种常见的网页...
网页图标是设计网页时不可或缺的元素,它们通常用于表示各种功能、链接或状态,为用户提供直观的指示。在这个集合中,我们拥有2365个精心设计的网页图标,涵盖PNG、GIF、ICO和JPG四种格式,满足了设计师在不同场景下...
网页图标和CSS样式是构建现代网页界面不可或缺的元素。网页图标通常用于表示各种功能、状态或导航指示,而CSS样式则是用来控制这些图标的外观和布局,以实现美观且易于使用的用户界面。在这个主题中,我们将深入探讨...
首先,我们关注的是网页图标。在网页设计中,图标扮演着提升用户体验的关键角色。16*16像素的图标常用于网页的Tab栏或者状态指示,因为它们小巧且不影响整体布局。32*32像素的图标则更加清晰,适合用作菜单或工具栏...
网页图标在IT行业中扮演着至关重要的角色,它们是用户与网站互动的第一视觉元素,能够快速传达功能信息并提升用户体验。本资源"精心收集的精美网页图标.rar"显然是一个专门针对Web开发者的图标集合,旨在提供高质量...
网页图标素材是构建网站界面设计不可或缺的元素,它们在网页设计中扮演着至关重要的角色,为用户提供了清晰的视觉引导和交互反馈。本套素材集合包含了一系列精心设计的图标,适用于各种类型的网页项目,旨在提升用户...
"16*16网页图标大全" 是一个集合了大量16像素乘以16像素尺寸的图标资源,非常适合用于网页界面设计。这些图标通常具有小巧、简洁的特点,能够在不占用过多空间的情况下传达清晰的信息。 在描述中提到的"编程积累的...
本文将深入探讨如何利用Qt这一跨平台的C++图形用户界面库来创建具有网页图标的Internet快捷方式。Qt库不仅提供了丰富的功能,还允许开发者以一种统一的方式来处理不同操作系统下的各种任务。 首先,我们需要了解`Qt...
标题中的“带动画特效的网页图标素材打包下载”暗示了这是一个包含动态效果的网页图标集合,可能用于网站设计和开发。这些图标可能是矢量图形,能够适应不同屏幕尺寸且不失真,适合现代网页设计的需求。 描述中提到...
网页图标(Web Icons)是网站设计的关键元素,有助于提升用户导航体验。常见的网页图标包括:菜单、购物车、搜索、社交媒体分享等。设计师通常会遵循Material Design、iOS Human Interface Guidelines或Fluent ...
网页图标是构成网页界面不可或缺的元素,它们在网站设计中起着至关重要的作用。这些图标以其简洁、直观的特性,帮助用户快速理解页面功能,提升用户体验。本素材包中的"小图标"涵盖了多种类型的网页图标,适用于不同...
网页图标素材是构建网站视觉设计的重要元素之一,它们在网页设计中扮演着引导用户、传达信息和提升用户体验的角色。在本素材集中,我们主要关注的是图标、GIF动态图以及它们在网络页面中的应用。 首先,图标是网页...
在IT行业中,网页图标是构建用户界面(UI)和提升用户体验(UX)的重要元素。"白色系网页图标,全套完整"这一主题表明我们讨论的是一个包含多种白色风格的图标集合,这些图标专为网页设计而制作,简洁且具有高对比度...
“网页图标打包”则意味着这些图标是一整套完整的资源,包括了多种不同类型的图标,可以满足设计师在创建网页时的各种需求。这通常包括导航图标(如菜单、返回、前进)、交互图标(如搜索、购物车、分享)、状态图标...
"Html超级精美实用的网页图标"这一主题,主要是关于如何在HTML中有效使用和引入这些精美的图标来提升网页设计的质量。 在HTML中,图标可以以多种方式引入: 1. **字体图标(Font Icons)**:使用Web字体服务,如...
网页图标,通常被称为favicon,是网站在浏览器地址栏、收藏夹、标签页上显示的小图标,为用户提供了直观的品牌识别。制作网页图标是一项重要的网页设计工作,它有助于提升网站的专业形象和用户体验。"网页图标制作...
本资源包“韩国精美网页图标”集合了一系列高质量的图标,旨在为网页设计师提供丰富的素材,提升网页的整体视觉效果和功能性。 首先,我们要理解网页图标的重要性。图标在网页设计中起到信息传达、引导用户操作以及...
这些1198个网页图标可能包含了各种类别,如社交网络图标(Facebook、Twitter、Instagram等)、箭头图标(用于导航和链接)、通用功能图标(如设置、搜索、购物车)、警告或信息提示图标、以及用户界面中的其他常见...
网页图标是构建网站界面不可或缺的元素,它们在用户体验和页面设计中扮演着至关重要的角色。"1000个常用网页图标"集合提供了一个丰富的资源库,包含多种用途的图标,如按钮和头像,这些都是网页设计中的常见需求。 ...
网页图标是构成网站视觉识别的重要元素,它们通常用于表示页面的功能、链接或状态,为用户提供直观的指示。在本资源包中,我们聚焦于“网页图标”,这些图标以PNG格式提供,这是一种常见的图像文件格式,支持透明度...