favicon.ico介绍，网页图标的制作动态网页图标

1、直接上成功的代码，关键代码：

<!DOCTYPE html>
<html><head><title>网页图标</title><link href="favicon.ico" rel="icon" type="image/x-icon"/><link href="animated_favicon.gif" rel="icon" type="image/gif" >
</head><body>
Hello Boy!
</body>
</html>

2、文件目录参考：

3、效果如下：

谷歌浏览器：

火狐浏览器：

注：火狐浏览器这个是个gif动图，由于动态图标目前仅火狐可用，所以为了区分两者我这里设置的网页图标分别用了两者不同的图。实际当中要显示一致的话可以直接去掉

这句。谷歌浏览器默认将gif显示为静态图。

4、关于代码：

网上找了一堆关于设置favicon.ico的结果好几个是无效的，参考如下：

最终测试OK的是这三句：

其中关键部分是：

解释一下：

href: 这是你网页图标的位置，建议放在服务器根目录下，图标必须是ico文件，我试过直接修改png格式是无效的，文件转换可以网上搜一下工具（比如我用的是这个：http://www.atool.org/ico.php），gif的话就不必转格式了！

rel: 用于解释 href 链接的对象和该网页有毛线关系用的，毕竟全称就是 relationship ，这个很重要！

剩下的 mce_href 、 type 这些就不解释了，百度去吧。 mce_href 有的说是为了搜索引擎（SEO）用的

favicon.ico介绍，网页图标的制作动态网页图标相关推荐

网页图标favicon.ico介绍及使用
目录一.网页图标favicon.ico介绍二.关于shortcut icon和icon代码的区别介绍 1. 常用形式 2. 讨论 3. 关于type属性 4. 相关历史三.制作favicon.i ...
使用JavaScript制作动态网页-1
使用JavaScript制作动态网页-1 JavaScript是什么 JavaScript是一种描述语言,基于对象和事件驱动的脚本语言. 1. JavaScript的特点脚本语言(一种轻量级的编程 ...
制作PHP动态网页软件,使用PHP制作动态网页过程中的五个技巧_php
1. str_replace str_replace是常用的php函数,用于字符串替换,经常看到某些php新人为了替换一批字符串,写了好多行str_replace,实在是惨不忍睹. 比如这个例子: P ...
innerHTML\innerText制作动态网页基础
innerHTML\innerText制作动态网页基础定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML.说白了就是出现一段话.. innerText从起始位置到终 ...
学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
python实现监控电脑打开网页_Python轻松实现动态网页爬虫(附详细源码)
AJAX动态加载网页一什么是动态网页 J哥一向注重理论与实践相结合,知其然也要知其所以然,才能以不变应万变. 所谓的动态网页,是指跟静态网页相对的一种网页编程技术.静态网页,随着html代码的生成 ...
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言实现的效果 ...
favicon.ico 介绍与使用 - 实践
1.应用场景主要用于了解favicon.ico的作用以及使用,帮助更好地理解web系统与开发. 2.学习/操作 1.文档阅读 https://www.cnblogs.com/nyw1983/p/11 ...
网页三剑客软件测试自学,动态网页制作技术实验指导书.doc
PAGE 动态网页制作技术实验指导书 Computer Science and Technology西南科技大学(SouthWest University of Science and Technol ...

favicon.ico介绍，网页图标的制作动态网页图标

favicon.ico介绍，网页图标的制作动态网页图标相关推荐

最新文章

热门文章