我正在编写一个网站，我想在浏览器标签中添加一个favicon图标来显示我的网站符号。我为此尝试了以前的堆栈溢出解决方案，但它们都不起作用。我的问题是不同的，因为它适用于某些浏览器，但不适用于Microsoft边缘或Internet Explorer，并处理浏览器兼容性。 我的标题代码如下：
<head>
<!-- title -->
<title> Wish List </title>
<!-- for compatiblity -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- website icon -->
<link rel="icon" href="favicon.ico">
<!-- css files -->
<link rel="stylesheet" href="resources/list.css">
<link rel="stylesheet" href="resources/side.css">
<link rel="stylesheet" type="text/css" href="resources/modal.css">
</head>