现在，当我尝试在 Apple Safari 网络浏览器中包含收藏夹图标（图标选项卡）时，我遇到了一个问题。我想了解我在这里遗漏了什么。 我阅读了大量论文并遵循了他们推荐的所有注意事项，我想！ 我还读到 Safari 在站点位于域上之前不会显示选项卡图标。真的吗？ 目前我的网站停留在本地。会不会有影响？
非常感谢！
<!DOCTYPE html>
<html lang="en">
<head profile="file:///Users/frajadita/.workplace/web\ development/fdt-site/index.html">
<meta charset="UTF-8" />
<meta
name="keywords"
content="Developer, HTML, CSS, JavaScript, Marketing, Design, Advisor, Technical, Support, Inspection, NACE, Protective, Marine, Coatings"
/>
<meta
name="description"
content="Hi, I'm Francisco, CEO of 4Inception. I'm a passionate & dedicated Developer with dense expertise in Marketing,
Design, PMC, Corrosion, and expert in device support"
/>
<meta
name="author"
content="@frajadita"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Francisco's Site</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="icon" type="image/png" sizes="16x16" href="images/fav/Favicon/icon-16.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/fav/Favicon/icon-32.png">
<link rel="icon" type="image/png" href="images/fav/Chrome-Fav/icon-192.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/fav/Apple-Fav/apple-touch-icon-120.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/fav/Apple-Fav/apple-touch-icon-152.png">
<link rel="apple-touch-icon" sizes="167x167" href="images/fav/Apple-Fav/apple-touch-icon-167.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/fav/Apple-Fav/apple-touch-icon-180.png">
<link rel="mask-icon" href="images/fav/Apple-Fav/test-icon.svg" color="#fffff">
</head>
<body>