日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 >

如何在网页标题栏title加入icon图标?

發(fā)布時間:2025/6/17 35 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何在网页标题栏title加入icon图标? 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

?打開某一個網(wǎng)頁會在瀏覽器的標(biāo)簽欄處顯示該網(wǎng)頁的標(biāo)題和圖標(biāo),當(dāng)網(wǎng)頁被添加到收藏夾或者書簽中時也會出現(xiàn)網(wǎng)頁的圖標(biāo),怎么在網(wǎng)頁title左邊顯示網(wǎng)頁的ico圖標(biāo)呢?

方法一:找一個或者作一個格式為ico的圖片,然后把圖片的名字改為favicon.ico,像素大小為16*16,所使用的顏色不得超過16色,然后再把favicon.ico放到網(wǎng)站的根目錄下就行了

這樣的話瀏覽器會不停的搜索您的網(wǎng)站的根目錄,只要它一發(fā)現(xiàn)了名字叫做favicon.ico 這個圖片,就會將該圖標(biāo)顯示在訪問者的地址欄和收藏夾列表中了。

?

另一種實現(xiàn)方法是在網(wǎng)頁HEAD標(biāo)記中添加如下代碼:

標(biāo)題欄:
<link rel="icon" href="ico地址" type="image/x-icon">
收藏夾:
<link rel="shortcut icon" href="ico地址" type="image/x-icon">

注意:圖標(biāo)要用 16*16 色的。。。

其實很多軟件可以制作圖標(biāo)的,你在百度搜一下圖標(biāo)制作軟件就可能了。

另外,如果將 16*16 的 bmp 文件改為 ico ,在WINDOWS 支持,但放在瀏覽器或別的軟件就會出錯 。

如:<HEAD> <LINK REL=”SHORTCUT ICON” HREF=”http://www.anjoweb.com/favicon.ico”></HEAD>使用這個做法的話,就不一定要把圖形文件放在網(wǎng)站的根目錄下面了,你可以放在任何位置,甚至直接連結(jié)到其他網(wǎng)站上面的圖形文件也可以,而且圖形文件的文件 名也不一定要叫做 favicon.ico,可以自己隨便取。 不過要注意的是使用這個做法的話,只有在把有加入上面 HTML 語法的頁面加入書簽的時候才會有作用。

我開始使用的是第一種方法,當(dāng)時沒有注意到圖標(biāo)的像素大小限制,用的是128*128的ico圖標(biāo),在Chrome瀏覽器中顯示正常,不過在IE中不顯示。所以還是建議按規(guī)則生成圖標(biāo)。

在這里順便給大家推薦一個在線ICO圖標(biāo)制作的網(wǎng)址:

http://www.ico.la/

轉(zhuǎn)載于:https://www.cnblogs.com/easyTrue/p/9089673.html

總結(jié)

以上是生活随笔為你收集整理的如何在网页标题栏title加入icon图标?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。