css - 静态页面不显示图标

标签 css html favicon

自从我尝试使用我的 HTML 和 CSS 理论知识创建个人网页以来,已经过去了四天。 由于我还是一个初学者,所以我没有主持它,我还在创作中。 我尝试为我的网页创建一个图标,以便它显示而不是默认的“右上角有折叠的白皮书”。

这是我写的代码:

     <head>
             <title>RAMYA VEMUGANTI</title>
             <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     </head>
     <body>
            <div  id="header">
                <h1>Ramya Vemuganti</h1>
               <hr/>
            </div>
     </body>

最佳答案

一些事情:

  1. <link>标签应在 <head> 内标签
  2. 你有两个关闭<head>标签
  3. 你的 <div>内容应包裹在 <body> 中在 <head> 下方标记标签
  4. 确保“favicon.ico”存在于您的网络服务器的根位置

标签应该是这样的:

<link rel="icon" type="image/png" href="/favicon.ico" />

关于css - 静态页面不显示图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17901149/

相关文章:

html - 向下滚动时内容显示在固定 div 上方

css - 需要学习 BootStrap for Angularjs 吗?

html - iPhone 的 "Add to Favorites"需要多大的图标大小?

android - Favicon 在 Android 上不显示透明度

javascript - 使用响应式设计避免移动客户端下载大图像

javascript - 如何向下滚动页面,一旦你到达侧边栏的末尾,让它粘在页面底部

html - 为什么 IE8 不加载我的 eot 文件?

javascript - 使用 HTML/Javascript 在鼠标越过某些选定文本时更改光标类型

javascript - 如何使用 vanilla JavaScript 将 vendor 前缀渐变添加到元素?

asp.net-mvc-2 - 如何设置我的网站图标?