设置favicon的几种方式
第一种方法：放在根目录
这种方法最简单，在服务器根目录下放一个 favicon.ico 的文件，浏览器发现后就会使用。
第二种方法：link标签
在head里面加入代码：
<link rel="shortcut icon" href="ico文件url">第一种方法设置的是全站的，第二种方法可以针对某个网页单独设置ico。
补充介绍：
如果你只是为了解决方案，看完上面你就可以去用了，想稍微了解下相关信息，请继续看。
什么是Favicon？Favicon是Favorites Icon的缩写，favicon.ico是指显示在浏览器收藏夹和地址栏网站网址前面的个性化图标，常被成为网页小图标、网站缩略图标或者收藏夹图标，是网站的重要识别方式。
地址栏上的小图标：
收藏夹上的小图标：
favicon的格式不一定是ico格式，它可以是png，jpg甚至是gif，不过ico格式是所有浏览器都支持的。
favicon.ico的尺寸有16×16、32×32、48×48，在添加到桌面、任务栏小尺寸的图标就不是很理想了，这就需要多种尺寸兼容各种设备和情况。想深入了解的戳这里《教你制作完美的FAVICON图标》。
第二种方法有两种语法，对比如下：
<link rel="shortcut icon" href="../favicon.ico"> <link rel="icon" href="../favicon.ico">icon的linktype属性，指定文件的类型为icon。
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">第二种方法的文件名不一定是要favicon了，可以任意命名。
无论何种情况，都请在根目录下放一个favicon.ico的图标，Web服务器都会请求favicon.ico这个文件，如何不存在会产生404错误，并且记录到错误日志中，这完全是可以避免的。
设置favicon的几种方式相关推荐
- html正方形边框,详解HTML设置边框的三种方式
HTML设置边框的三种方式 border-width: 1px 2px 2px; border-style: solid dashed dotted; border-color:red green b ...
- HTML设置边框的三种方式
HTML设置边框的三种方式 文章目录 HTML设置边框的三种方式 1.边框的组成: 2.复合样式 3.单一设置 这样代表上边框 右边框 下边框 左边框 分别对四条边框进行设置 两个值代表:上下边框 左 ...
- response设置编码的三种方式以及比较
https://blog.csdn.net/u010653908/article/details/53994021 response设置编码的三种方式以及比较 2017年01月03日 14:12:46 ...
- response设置编码的三种方式
在java后台的Action代码或者Servlet代码中用response的方法来设置输出内容的编码方式,有以下三个方法: 1.response.setCharacterEncoding(" ...
- HTML设置水平居中的几种方式
HTML水平居中的几种方式 水平居中分为块级元素,行内元素和行内块状元素 HTML可以将元素分类方式分为行内元素.块状元素和行内块状元素三种.首先需要说明的是,这三者是可以互相转换的,使用displa ...
- 【feign】OpenFeign设置header的5种方式
文章目录 设置Feign的Header信息 概述 示例说明 在`@RequestMapping`注解里添加headers属性 在方法参数前面添加`@RequestHeader`注解 在方法或者类上添加 ...
- echarts饼图自定义设置颜色的三种方式
第一种方式 option下 color:['#45C2E0', '#C1EBDD', '#FFC851','#5A5476','#1869A0','#FF9393'], 整体代码如下: option ...
- Compose 设置颜色的三种方式
文章目录 前言 一.直接设置 二.使用colors.xml中的颜色 三.使用compose主题中的颜色 前言 下文三种的color都是替换下列代码中的color Text(text = "T ...
- minio mc设置永久下载三种方式
前言 Amazon Simple Storage Service (Amazon S3) 是一种面向 Internet 的存储服务.该服务旨在降低网络规模计算的难度(接口协议) MinIO 是在 G ...
最新文章
- python需要音语基础_英语基础一般，如何才能学习C语言编程和Python
- React Native组件开发指南
- 数据结构与算法 -- 时间复杂度
- ClickHouse设置用户名密码
- 用十行代码快速创建权限管理系统
- java 并发编程多线程_多线程（一）java并发编程基础知识
- JAVA进阶教学之（String类的构造方法）
- 为什么在Java中收到NoClassDefFoundError？
- mysql编译安装vs20156_Linux上安装JDK1.8，tomcat9，以及mysql8的步骤
- chrome浏览器设置思源黑体
- python aiml开发文档,带有Python的AIML文件
- JAVA-工作流-Activiti7入门demo
- 《图说设计模式》读书笔记
- 有道智云翻译API + retrofit实现在线翻译Android app
- 哈工大计算机学院人才招聘,计算机学院教师赴澳大利亚进行学术访问及人才招聘...
- 电子计算机X线体层摄影,X线计算机体层摄影.pdf
- STM32的ETR引脚计数功能
- 今日新闻快讯摘要十条
- android studio中崩溃无法查看log？
- 写论文时如何翻译外文文献？