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

Detailed steps to install web server using Apache httpd2.4.37 on centos8

Step 1: yum install httpd -y #Install httpd servi...

Vue mobile terminal determines the direction of finger sliding on the screen

The vue mobile terminal determines the direction ...

What is the use of the enctype field when uploading files?

The enctype attribute of the FORM element specifie...

MySQL grouping queries and aggregate functions

Overview I believe we often encounter such scenar...

Detailed explanation of the correct use of the if function in MySQL

For what I am going to write today, the program r...

Trash-Cli: Command-line Recycle Bin Tool on Linux

I believe everyone is familiar with the trashcan,...

Sample code for cool breathing effect using CSS3+JavaScript

A simple cool effect achieved with CSS3 animation...

Canvas draws scratch card effect

This article shares the specific code for drawing...

Example of JSON output in HTML format (test interface)

To display the JSON data in a beautiful indented ...

Mysql classic high-level/command line operation (quick) (recommended)

Since I need to learn how to build servers and da...

Five things a good user experience designer should do well (picture and text)

This article is translated from the blog Usability...

Comprehensive understanding of html.css overflow

Comprehensive understanding of html.css overflow ...

MySQL 4 methods to import data

1. Import mysql command The mysql command import ...

Detailed explanation of Nginx timeout configuration

I recently used nginx in a project, and used Java...