在地址欄顯示網站的圖標

在地址欄顯示網站的圖標
做法:
製作一個圖標文件,大小爲16*16像素。文件名爲favicon.ico,然後上傳網站根目錄中。
在HTML源文件“<head></head>”之間添加如下代碼:
<link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標
如果是myie不用加以上代碼地址欄也可以顯示,自己的圖標,文件名必須是favicon.ico。

<head>

<link rel="shortcut icon" href="http://i1.social.microsoft.com/Forums/GlobalResources/images/Msdn/favicon.ico" type="image/x-icon" />

</head>

這個圖標叫做favicon,可以用ico和png格式的圖片,它會出現在瀏覽器的地址欄,添加收藏之後的地址前面也是這個圖標,快捷方式也是這個圖標,基本上現代的瀏覽器都支持。

還有一些注意的地方,HTML和XHTML裏是不一樣的,在HTML裏可以用下面的語法中的一種:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">

<link rel="icon" type="image/png" href="http://example.com/image.png">

<link rel="icon" type="image/gif" href="http://example.com/image.gif">

在XHTML中的圖片地址可以寫相對地址了:

<link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />

<link rel="icon" type="image/png" href="/somepath/image.png" />

<link rel="icon" type="image/gif" href="/somepath/image.gif" />

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章