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...
The failure to play flv/MP4 and other video files on the website is related to the MIME type.
When making a website, I found that video files, s...
Summary of solutions for MySQL not supporting group by
I downloaded and installed the latest version of ...
How to install tomcat in docker and deploy the Springboot project war package
It's simple, just go to the tutorial, blogger...
Alignment issue between input text box and img verification code (img is always one head higher than input)
In web page production, input and img are often pl...
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 ...
HTML+CSS+JS realizes canvas follows the mouse small circle special effect source code
Effect (source code at the end): accomplish: 1. D...