, which is what we often call favicon.ico.
A few things about favicon.ico (it’s best to put it in the root directory)
|
Open any web page: for example, http://www.baidu.com/
You can see that there is an icon displayed on the browser tab header. This icon is: Since this article mainly discusses favicon.ico and the different ways in which each browser handles it, we will create a new web project as follows:
XML/HTML CodeCopy content to clipboard
firefox: ie9: Unfortunately, most ordinary users use 360 browser, Sogou browser, QQ browser, etc. Sogou Browser: It can be seen that the favicon.ico in the root directory of the website is effective, so the favicon.ico icon in the root directory of the website is displayed. Open 360 Browser: Strange, where did the Google icon come from? . . . ? ? ? Our faviconTestWeb has only 3 icons, one of which is wangyi.ico.baidu.ico.favicon.ico (the icon of cnblogs). Why does 360 display the Google icon? In fact, when 360 browser browses the web, it will ignore the port, that is, http://localhost:3529/home.html, Firefox requests the icon corresponding to the href of the link. Sogou Browser, etc.: The request is http://localhost:3529/favicon.ico. 360 browser, etc.: The request is http://localhost/favicon.ico, That is, no matter whether you request http://host/home.html, http://host:333/home.html, or http://host/test/home.html. It requests http://host/favicon.ico. The evidence is to open the 360se installation directory:
So if your website's favicon.ico doesn't work, or if you want to make favicon.ico more compatible, use the following steps: 1: Check the favicon.ico in the root directory of the website, that is, http://host/favicon.ico., not http://host/some/favicon.ico. 2: Make sure <link rel="icon" href="http://host/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://host/favicon.ico" type="image/x-icon" /> Using http://host/favicon.ico 3: If your website has a port, or is a test version, then pay special attention to browsers such as 360, which will ignore the port number when requesting favicon.ico. |
<<: Detailed explanation of the process of installing MySQL on Ubuntu 18.04.4
>>: MySQL database terminal - common operation command codes
Recommend
MySQL parameter related concepts and query change methods
Preface: In some previous articles, we often see ...
Detailed use cases of MySql escape
MySQL escape Escape means the original semantics ...
Turn web pages into black and white (compatible with Google, Firefox, IE and other browsers)
Write to the css file Copy code The code is as fol...
CSS method of clearing float and BFC
BFC BFC: Block Formatting Context BFC layout rule...
How to get the current time using time(NULL) function and localtime() in Linux
time(); function Function prototype: time_t time(...
JavaScript implements simple date effects
The specific code of JavaScript date effects is f...
Implementation of react loop data (list)
First, let's simulate the data coming from th...
A brief analysis of the knowledge points of exporting and importing MySQL data
Often, we may need to export local database data ...
Set an icon for the website to be displayed on the far left of the browser tab
What is the purpose of this sentence? Copy code Th...
Vue example code using transition component animation effect
Transition document address defines a background ...
Vue project implements file download progress bar function
There are two common ways to download files in da...
Database issues and pitfalls in connecting to cloud servers with Navicat Premium15
When using a cloud server, we sometimes connect t...
Detailed explanation of Vue's simple store
The simplest application of store in Vue is globa...
Vue implements a small weather forecast application
This is a website I imitated when I was self-stud...
JavaScript implements circular carousel
This article shares the specific code of JavaScri...