1. 程式人生 > >使用link標籤實現shortcut icon

使用link標籤實現shortcut icon

在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根目錄下。這種方法不推薦,因為這種方法違反了網際網路規範,這個圖片的訪問是沒有被授權的。