Tips for adding favicon to a website: a small icon in front of the URL

Tips for adding favicon to a website: a small icon in front of the URL
The so-called favicon, which is the abbreviation of Favorites Icon, is called website avatar in Chinese. As the name suggests, it can distinguish different websites by icons in addition to displaying the corresponding titles in the browser's favorites. Of course, this is not all there is to Favicon. Favicon display varies depending on the browser: in most mainstream browsers such as FireFox and Internet Explorer (5.5 and above), favicon is not only displayed in the favorites, but also appears in the address bar. Users can then drag the favicon to the desktop to create a shortcut to the website. In addition, tabbed browsers even have a lot of extended functions, such as FireFox even supports favicons in animated formats.

Just add the following code between <head></head>

Copy code
The code is as follows:

<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

Note: The purpose of the first and third lines of code: The icon is also displayed under the favorites, whether it is the Explorer window or the browser's favorites.

<<:  Vue3.0 handwritten carousel effect

>>:  You really need to understand the use of CSS variables var()

Recommend

Let's talk about the Vue life cycle in detail

Table of contents Preface 1. Life cycle in Vue2 I...

Summary of solutions for MySQL not supporting group by

I downloaded and installed the latest version of ...

Deleting two images with the same id in docker

When I created a Docker container today, I accide...

Practice of using Tinymce rich text to customize toolbar buttons in Vue

Table of contents Install tinymce, tinymce ts, ti...

Steps for packaging and configuring SVG components in Vue projects

I just joined a new company recently. After getti...

XHTML Getting Started Tutorial: What is XHTML?

What is HTML? To put it simply: HTML is used to m...

Detailed explanation of Mysql transaction isolation level read commit

View MySQL transaction isolation level mysql> ...

Detailed Analysis of Event Bubbling Mechanism in JavaScript

What is bubbling? There are three stages in DOM e...

Summary of 6 skills needed to master web page production

It has to be said that a web designer is a general...

MySQL installation and configuration methods and precautions under Windows platform

2.1、msi installation package 2.1.1、Installation I...

How to use Nginx to proxy multiple application sites in Docker

Preface What is the role of an agent? - Multiple ...