lz575757 发表于 2018-5-4 13:35:51

网页图标显示不出来

<DOCTYPE html>
<html>
<head>
        <title>陈林锋的名片</title>
        <meta name="author" content="陈林锋">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=divice-width,initial-scale=1.0">
        <meta name="keyword" content="名片">
        <meta name="description" content="这个是我的第一个网页名片！">
        <style type="text/css">
                body {
                        background-image: url("./image/贺州学院.jpg");
                }
                h1 {
                        color:red;
                        text-align:center;
                }
                p {
                        text-indent: 32px;
                        font-size: 16px;
                        line-height: 30px;
                }
                a {
                        background: black;
                        color: yellow;
                }
        </style>
        <style media="print">
                        h1 {
                                color: black;
                        }
                        p {
                                color: black;
                        }
        </style>
        <link rel="icon" href="D:/迅雷下载/favicon.ico">
</head>
<body>
        <h1>欢迎进入我的名片网站</h1>
        <p>这是我第一次设置我的网页名片，虽然我制作的网页还是比较简陋，不过以后我会不定时维护和更新！</p>
        <p>说一说我自己吧，我是2017年9月来到我们漂亮的的大贺州学院，进入贺州学院官方网站点击这里哟：<atarget="_blank">贺州学院官网</a>(有时候打不开说明，那肯定说明学校在维护网站啦(*^__^*) 嘻嘻）</p>
        <hr />
</body>
</html>

不二如是 发表于 2018-5-4 13:44:44

本帖最后由 不二如是 于 2018-5-4 14:07 编辑

<link rel="icon" href="D:/迅雷下载/favicon.ico">

1、link属性加载favicon要指定type：
<link rel="icon" type="image/x-icon" href="D:/迅雷下载/favicon.ico">

2、不建议写绝对路径，后期放到服务器上会出现问题，所以放在和.html的同级目录下，写相对路径，另外路径中不要写中文

3、如果未出来，清理下浏览器缓存

lz575757 发表于 2018-5-4 13:56:20

不二如是 发表于 2018-5-4 13:44
1、link属性加载favicon要指定type：




改为相对路径也还没能显示出来，清除数据也没能，另外做的那个网页是可以显示出来的呢，谢谢<link rel="icon" type="image/x-icon" href="./image/favicon.ico">

lz575757 发表于 2018-5-4 22:54:38

不二如是 发表于 2018-5-4 13:44
1、link属性加载favicon要指定type：




感谢不二,原来<DOCTTYPE html>少了个!
页: [1]
查看完整版本: 网页图标显示不出来