使用link標籤實現shortcut icon
阿新 • • 發佈:2019-01-26
在HTML中可以使用link標籤來實現shortcut icon。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>link標籤實現shortcut</title> <link rel="shortcut icon" type="images/x-icon" href="http://www.baidu.com/favicon.ico"> </head> <body> Hello, please look at the shortcur icon. </body> </html>
把href換成自己網站的favicon即可。
這裡的favicon必須是16*16或者32*32的,必須是8位色或者24位色的,格式必須是png或者ico或者gif。
16*16/32*32 且 8位或24位色 且 png/ico/gif。
另一種實現favicon的方法是把名為favicon.ico的圖片放在WEB根目錄下。這種方法不推薦,因為這種方法違反了網際網路規範,這個圖片的訪問是沒有被授權的。