Three steps to solve the IE address bar ICON display problem

Three steps to solve the IE address bar ICON display problem
<br />This web page production skills tutorial is a supplement for beginners to quickly learn the steps to create website ICON.
Today I encountered such a problem in my blog: I modified the code "<link rel="shortcut icon" href="http://www.lxdong.cn/favicon.ico" type="image/x-icon" />" in the background. After the modification, I pressed the index to rebuild, returned to the homepage and refreshed it, and found that the ICON that could display the website normally before could no longer be displayed normally.
After repeated thinking, research, and analysis, the problem may be caused by changing the Html code or changing the ICON icon, or it may be caused by using an old version of the IE browser, or using other browsers (such as FIRFOX, Maxthon, etc.). After repeated inspections, I finally found a way to solve the problem. I would like to share my experience with you:
Step 1: Check whether there is any writing error in the code "<link rel="shortcut icon" href="http://www.lxdong.cn/favicon.ico" type="image/x-icon" />" <br /> There are 3 other ways to write it, you can choose one according to your personal preference:
<link rel=”Shortcut Icon” href=”Your website address” type=”image/x-icon” />
<link rel=”shortcut” href=”/favicon.ico” />
<LINK href="your website ICON icon-favicon.ico file location path" rel="SHORTCUT ICON">
Step 2: Check whether there is any problem with the uploaded ICON icon (usually favicon.ico) <br />The general size of ICON is 16*16, 1-2k in size, it is recommended not to make it too large! Although there is no regulation on the size of ICON, it is better to keep it smaller. Nowadays, most people use broadband with speeds of 512K~2M, so use smaller icons, which will load faster. According to a research survey, if no content is displayed within 5 seconds of opening a web page, most people will choose to close the web page!
Step 3: After checking the above two places, if the ICON icon still cannot be displayed normally, you can try to clear IE COOKIES:
Right-click IE-Properties-Browsing History and select Clear. Just clear the COOKIE. Of course, it is best to delete all. You can clear the IE cache and increase the browsing speed of IE!
If you still have display problems with your website's ICON after following the above methods, you can leave a comment after this post. I will do my best to help you solve the problem. My QQ: 3287924 (often invisible, please ask directly if you have any questions)
More exciting, please stay tuned: SEO perfect theory explorer - Beipiao leader Dong Blog: www.lxdong.com

<<:  Comparison of CSS shadow effects: drop-Shadow and box-Shadow

>>:  MySQL EXPLAIN statement usage examples

Recommend

How InnoDB cleverly implements transaction isolation levels

Preface In the previous article Detailed Explanat...

uniapp implements date and time picker

This article example shares the specific code of ...

English: A link tag will automatically complete href in IE

English: A link tag will automatically complete h...

The principle and implementation of js drag effect

The drag function is mainly used to allow users t...

Detailed explanation of MySQL's FreeList mechanism

1. Introduction After MySQL is started, BufferPoo...

Zabbix configuration DingTalk alarm function implementation code

need Configuring DingTalk alarms in Zabbix is ​​s...

JavaScript counts the number of times a character appears

This article example shares the specific code of ...

Vue implements a visual drag page editor

Table of contents Drag and drop implementation Dr...

Five solutions to cross-browser problems (summary)

Brief review: Browser compatibility issues are of...

What are the advantages of using B+ tree index in MySQL?

Before understanding this problem, let's firs...

Solve the problem of using less in Vue

1. Install less dependency: npm install less less...

Detailed Tutorial on Installing VirtualBox 6.0 on CentOS 8 / RHEL 8

VirtualBox is a free and open source virtualizati...

CSS Skills Collection - Classics among Classics

Remove the dotted box on the link Copy code The co...