html 单机版 浏览器地址栏网页图标文件.ico 显示问题,高分请教,好人一生平安
方法:
1.先通过ps自己做一个自己中意的png图片,就要用这个图片制作成网站的ico.
用png格式的图片是因为png格式可以保存透明的图片。
2.使用搜索引擎搜索ico图标制作,第一个就是百度相关的应用,直接点击上传刚才制作的图片,然后点击“保存ico”
3.保存ico时,需要对文件进行重新命名,ico图标要命名为favicon.ico
4.保存好ico图标后,就要把图标上传到网站的根目录,也就是和网站首页在同一个目录下。
5.上传后,开始修改网站首页代码,在网站头部信息中加入一行代码。
代码为:
6.然后把首页上传就好了,打开浏览器测试即可。
如果使用的是360浏览器,这里是不会更新的,因为360是把图标保存到电脑本地上,名字为:域名.ico,需要把这个删除后才能生效。目录在C盘下,搜索下就能找到
注意事项:
1.图标的命名为favicon.ico
2.代码要加入到head标签之间(代码)
1
2
这是我常用的,让浏览器地址栏显示网站ico的代码。下面说一下几个注意点:
1. 尽量使用绝对地址,使用相对地址IE6有可能会显示不出来(之所以说“有可能”是因为我没详细去测试,只是曾经遇到使用href="images/favicon.ico"ico文件相对地址的时候IE显示不出来,后来使用绝对地址就出来了。)
2. 如果favicon.ico直接放在网站根目录下面,可以不写上面的代码浏览器也会自己识别(IE好像不会?该死的IE,好久不用IE了,所以想详细验证的自行去IE尝试,反正我能不用IE就不用,非要用IE也就用IETester测页面和用该死的IE only的网银的时候)(用IE在测试的时候,注意清空缓存)
3. 上面的代码为什么要写两个?那是因为firefox支持gif动画作为地址栏图标。所以IE等不支持gif的浏览器就采用第一条,第二条忽略,firefox的话第二条能识别自然就覆盖了第一条,所以用firefox就看到了动画的图标(注:本博客没有使用gif图标,上面代码仅作演示)
4. ico图片格式一定要准确。昨天好友问我他的网站为什么firefox下面有图标,但是IE下没有。我下了他的ico图片文件用记事本打开一看,原来是个png图片,只不过是把后缀改为了ico,这样的话遇到傻帽IE自然识别不出来,然后用ico转换工具,把图片转换为ico格式的就ok了。
5. 放不放在根目录的问题,这个随个人喜欢,因为我博客用的是wordpress,将来指不准哪天会换皮肤,那么每一套皮肤配一个ico,就放在皮肤文件夹比较好。如果坚持从不修改ico的话,那就放在根目录好了。
<LINK rel="Bookmark" href="favicon.ico" >
<LINK rel="Shortcut Icon" type="image/ico" href="favicon.ico" >
<link rel="icon" href="favicon.ico" type="image/x-icon" >
清除ie缓存
代码改成这样
保证首页html文件和图标文件在同一目录下
要放到服务器上才能正常显示,本地的不能显示!!
宦追科曼: 那到不是必要放到根目录,只不过放到更目录更合理一点,在你的代码<head></head>中间添加下面的代码,ico图标路径要正确,下面这个是路径在根目录下的1 <linkhref="/favicon.ico"rel="shortcut icon">
罗甸县17064007261: 台式电脑怎么输网址 - ?
宦追科曼: 当我们想浏览一个网站的时候,只要在浏览器的地址栏里输入网站的地址就可以了,例如www.baidu.com,但是在浏览器的地址栏里面出现的却是:http://www.baidu.com. 在浏览器的地址栏里输入的网站地址叫做URL (Uniform Resource Locator...
罗甸县17064007261: 所有html文件双击打开后,都直接进入了浏览器默认的主页,而不显示自己写的页面,是什么情况? - ?
宦追科曼: 如果不是因为中病毒的原因什么的,最简单粗暴的解决办法就是在打开文件的时候在浏览器地址栏直接输入文件绝对路径如D:\index.html,也就是资源管理器地址栏的地址.本人试过调整浏览器设置和主页均无效.
罗甸县17064007261: 存在电脑里的.html网页文件打不开了,打开地址栏都是空的 - ?
宦追科曼: 提供几个意见:1、在打开方式里选择其他IE之外的浏览器,比如360、opera、firefox之类,不要使用IE就行了.2、打开我的电脑,工具-工具-文件夹选项-查看-【隐藏已知文件类型的扩展名】上面的勾去掉,因为有可能你的.html是文件名,而文件类型是被影藏的.这个问题我也遇到过几次了3.用dreamweaver打开
罗甸县17064007261: 浏览器地址栏在哪 - ?
宦追科曼: 是ie浏览器上面有一行显示网页地址的地方,一般有“地址”两个字在最左边. 如果被关掉了,单击菜单栏(最上面一行)中的查看,其中有“工具栏”一项,指到上面,地址栏前面画上对钩,地址栏就有了
罗甸县17064007261: 自己电脑上有个html网页 怎么才能设置成自己的主页 - ?
宦追科曼: 你打开你的电脑里的html网页,然后在浏览器地址栏里的地址复制一下,然后到IE选项里面主页,粘贴进去,保存即可!
罗甸县17064007261: 如何利用IE浏览HTML网页 - ?
宦追科曼: 直接保存成后缀名 htm或者html.然后双击开你保存的那个就行啦 如果你是在Dreamweav里面制作的按F12就可以浏览了
罗甸县17064007261: 如何在网页中显示地址栏 - ?
宦追科曼: 在最上方(也就地址栏那附近)点击鼠标右键,点击地址栏~就会出现
罗甸县17064007261: html代码中如何将浏览器的菜单栏,状态栏,地址栏,工具栏等隐藏 - ?
宦追科曼: window.open中有一个fullScreen的属性,打开这个属性后就可以变成全屏的了
罗甸县17064007261: 浏览器地址栏直接访问main.html,能打开吗 - ?
宦追科曼: 你可以直接把main.html这个文件拉到浏览器,可以直接打开,但是如果你直接在浏览器输入main.html,一般是打不开的,因为路径不对