地址栏的网站图标_地址栏的网站图标是什么

时间:2024-12-03 09:48:42
浏览:0
来源:卉睬糜网络科技

很高兴有机会参与这个地址栏的网站图标问题集合的讨论。这是一个多元且重要的话题，我将采取系统的方法，逐一回答每个问题，并分享一些相关的案例和观点。

文章目录列表:

1.求浏览器地址栏显示网站个性小标的方法

2.打开某些网站,地址栏上会显示该网站的'图标',这是怎么做到的？

3.网站在地址栏显示的图标，是怎么显示出来的

4.如何在浏览器地址栏显示自己的.ico图标

5.更改地址栏的网页图标

6.网页地址栏的图标怎么做的？

求浏览器地址栏显示网站个性小标的方法

他们的图标在这个中

百度网页代码是这样的，具体是哪句关于网标的我也不是很清楚，但可以肯定是带有

/r/www/cache/static/global/img/ic__0bf3824a.png

这行网址的代码

所有代码内容：

<STYLE>html,body{height:100%}html{overflow-y:auto}#wr_er{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}#ftCon{height:100px;position:absolute;bottom:44px;text-align:center;width:100%;margin:0?auto;z-index:0;overflow:hidden}#ftConw{width:720px;margin:0?auto}body{font:12px?arial;text-align:;background:#fff}body,p,form,ul,li{margin:0;padding:0;list-style:none}body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}.bg{background-image:url(

/r/www/cache/static/global/img/ic__0bf3824a.png);background-repeat:no-repeat;_background-image:url(/r/www/cache/static/global/img/ic__0bf2f8a8.gif)}.c-icon{display:inline-block;width:14px;height:14px;vertical-align:text-bottom;font-style

normal;overflow:hidden;background:url(

/r/www/cache/static/global/img/ic__0bf3824a.png

)?no-repeat?0?0;_background-image:url(

/r/www/cache/static/global/img/ic__0bf2f8a8.gif)}.c-icon-triangle-down-blue{background-position:-480px

-24px}.c-icon-chevron-unfold2{background-position:-504px?-24px}#u{color:#999;padding:4px?10px?5px?0;text-align:right}#u?a{margin:0?5px}#u?.reg{margin:0}#m{width:720px;margin:0?auto}#nv?a,#nv?b,._n,#lk{font-size:14px}#fm{padding-left:110px;text-align:left;z-index:1}input{border:0;padding:0}#nv{height:19px;font-size:16px;margin:0?0?4px;text-align:left;text-indent:137px}.s_ipt_wr{width:418px;height:30px;display:inline-block;margin-right:5px;background-position:0?-288px;border:1px?solid?#b6b6b6;border-color:#9a9a9a?#cdcdcd?#cdcdcd?#9a9a9a;vertical-align:top}.s_ipt{width:405px;height:22px;font:16px/22px?arial;margin:5px?0?0?7px;background:#fff;outline:0;-webkit-_earance:none}.s__n{width:95px;height:32px;padding-top:2px\9;font-size:14px;background-color:#ddd;background-position:0?-240px;cursor:pointer}.s__n_h{background-position:-240px?-240px}.s__n_wr{width:97px;height:34px;display:inline-block;background-position:-120px?-240px;*position:relative;z-index:0;vertical-align:top}#lg?img{vertical-align:top;margin-bottom:3px}#lk{margin:33px?0}#lk?span{font:14px?"宋体"}#lm{height:60px}#lh{margin:16px?0?5px;word-spacing:3px}.tools{position:absolute;top:-4px;*top:10px;right:7px}#mHolder{width:62px;position:relative;z-index:296;display:none}#mCon{height:18px;line-height:18px;position:absolute;cursor:pointer}#mCon?span{color:#00c;cursor:default;display:block}#mCon?.hw{text-decoration:underline;cursor:pointer;display:inline-block}#mCon?.pinyin{display:inline-block}#mCon?.c-icon-chevron-unfold2{margin-left:5px}#mMenu?a{width:100%;height:100%;display:block;line-height:22px;text-indent:6px;text-decoration:none;filter:none\9}#mMenu,#user?ul{box-shadow:1px?1px?2px?#ccc;-moz-box-shadow:1px?1px?2px?#ccc;-webkit-box-shadow:1px?1px?2px?#ccc;filter:progid:DXImageTran_orm.Microsoft.Shadow(Strength=2,Direction=135,Color="#cccccc")\9}#mMenu{width:56px;border:1px?solid?#9b9b9b;list-style:none;position:absolute;right:27px;top:28px;display:none;background:#fff}#mMenu?a:hover{background:#ebebeb}#mMenu?.ln{height:1px;background:#ebebeb;overflow:hidden;font-size:1px;line-height:1px;margin-top:-1px}#cp,#cp?a{color:#666}#seth{display:none;behavior:url(#default#homepage)}#setf{display:none}#sekj{margin-left:14px}#shouji{margin-right:14px}#u?.last{margin-right:0}#u?.un{font-weight:bold;margin-right:5px}#u?ul{width:100%;background:#fff;border:1px?solid?#9b9b9b}#u?li{height:25px}#u?li?a{width:100%;height:25px;line-height:25px;display:block;text-align:left;text-decoration:none;text-indent:6px;margin:0;filter:none\9}#u?li?a:hover{background:#ebebeb}#u?li.nl{border-top:1px?solid?#ebebeb}#user_center{position:relative;display:inline-block}#user_center?.user_center__n{margin-right:5px}.userMenu{width:64px;position:absolute;right:7px;_right:2px;top:15px;top:14px\9;*top:15px;padding-top:4px;display:none;*background:#fff}#user{position:relative;display:inline-block}</STYLE>

打开某些网站,地址栏上会显示该网站的'图标',这是怎么做到的？

如果服务器支持图标文件格式，把你做好的favicon.ico放在根文件夹里，即index.html 所在文件夹。

如果不想放在根文件夹，放在别的地方，index.html 里加上

方法二：

在网页的 <head>...</head> 区加入代码：<link rel="Shortcut Icon" href="favicon.ico" />，如果用这一种方法的话，其中 ICO 文件的文件名就不一定要用 favicon.ico 了，可以用任意的名字来命名，如：qwwqqwwq.ico，你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同，但前提是必须做到图标文件的链接地址要正确。另外，在 <head>...</head> 区加入代码：<link rel="Bookmark" href="favicon.ico" />，就可以在收藏夹中你网页链接前显示出你自定义的图标。

如何在浏览器地址栏显示自己的.ico图标

方法:

1.先通过ps自己做一个自己中意的png，就要用这个制作成网站的ico.

用png格式的是因为png格式可以保存透明的。

2.使用搜索引擎搜索ico图标制作，_个就是百度相关的应用，直接点击上传刚才制作的，然后点击“保存ico”

3.保存ico时，需要对文件进行重新命名，ico图标要命名为favicon.ico

4.保存好ico图标后，就要把图标上传到网站的根目录，也就是和网站首页在同一个目录下。

5.上传后，开始修改网站首页代码，在网站头部信息中加入一行代码。

代码为：<link rel="shortcut icon" href="favicon.ico"/>

6.然后把首页上传就好了，打开浏览器测试即可。

如果使用的是360浏览器，这里是不会更新的，因为360是把图标保存到电脑本地上，名字为：域名.ico，需要把这个删除后才能生效。目录在C盘下，搜索下就能找到

注意事项:

1.图标的命名为favicon.ico

2.代码要加入到head标签之间（代码）

更改地址栏的网页图标

1、先做一个图标文件，名称一定要起 favicon.ico 这个文件名然后在网页的<head></head>里加上这一句<link rel="shortcut icon" href="favicon.ico" /> 也就是这样的： <head> <link rel="shortcut icon" href="llweb.ico" /> </head> 的路径对了就行了。

2、在网站的根目录下放一个favicon.ico图标文件，然后在主页的<head>与</head>之间加入以下代码： <link rel="SHORTCUT ICON" HREF="favicon.ico"> ，如果再加入以下代码：<LINK REL="Bookmark" HREF="favicon.ico">就可以在收藏夹中显示出图标了。

网页地址栏的图标怎么做的？

使用PS或FW制作一个ico格式的小图标命名为“favicon.ico”放到网站的根目录,然后再在首页的代码里的标记之间加入以下代码即可：

做一个16*16的命名为favicon.ico，在CSS里面加载就OK了建立个图标为名称favicon.ico放在根目录

然后在代码中添加

好了，今天关于“地址栏的网站图标”的话题就讲到这里了。希望大家能够通过我的讲解对“地址栏的网站图标”有更全面、深入的了解，并且能够在今后的学习中更好地运用所学知识。