html - 如何将图标放在选项卡上并使其出现在网络浏览器的收藏夹(书签)侧

标签 html css

我想知道如何在网络浏览器的书签端专门添加我的网页图标,例如您已经在 html 中添加了这一行:

<link rel="shortcut icon" href="Images/Natural.jpg" sizes="196x196">

当我谈论书签方面时,我指的是这个,例如在 safari 中:

enter image description here

如您所见,有些网站已经有了 Logo 或图标,例如 Apple、Github...;但是还有一些不是,比如 JsFiddle、CodePen...

我不知道 html 的那部分是什么,或者它留下来让它出现在那里的任何东西。

非常感谢!

最佳答案

您应该将网站图标设置为您的网站。这是一个generator您可以在创建图标后使用,将这些标签添加到您的 html

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

确保为图标设置正确的路径。

关于html - 如何将图标放在选项卡上并使其出现在网络浏览器的收藏夹(书签)侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41307219/

相关文章:

html - Django 模板转换 datetime-local 格式

jQuery 在隐藏元素之前使元素变大?

javascript - 突出显示两个选项的测验答案

css - 如何在两个高度动态变化的 div 之间创建边框?

javascript - 在浏览器上重置元素的 CSS 事件状态?

javascript - 当(仅)使用模板系统时,我应该如何管理子模板的 CSS、javascript 等?

html - JSP 中的单选按钮验证

javascript - 使用 JS 重新定位创建的 Div

javascript - 根据其状态 : ReactJS 为单选按钮列表动态添加类

css - 翻译成特定点的css