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

Linux uses NetworkManager to randomly generate your MAC address

Nowadays, whether you are on the sofa at home or ...

Complete step record of vue encapsulation TabBar component

Table of contents Implementation ideas: Step 1: C...

JS object copying (deep copy and shallow copy)

Table of contents 1. Shallow copy 1. Object.assig...

HTML Frameset Example Code

This article introduces a framework made by Frame...

MySQL daily statistics report fills in 0 if there is no data on that day

1. Problem reproduction: Count the total number o...

A simple tutorial on how to use the mysql log system

Table of contents Preface 1. Error log 2. Binary ...

5 ways to migrate Docker containers to other servers

Migration is unavoidable in many cases. Hardware ...

JS, CSS style reference writing

CSS: 1. <link type="text/css" href=&q...

Summary of situations where MySQL indexes will not be used

Types of Indexes in MySQL Generally, they can be ...

How to set up jar application startup on CentOS7

Pitfalls encountered during project deployment Wh...

Use docker to build kong cluster operation

It is very simple to build a kong cluster under t...

vue-admin-template dynamic routing implementation example

Provide login and obtain user information data in...