語句一：<link rel="shortcut icon" href="favicon.ico" />
語句二：<link rel="icon" href="animated_favicon.gif" type="image/gif" />
Favicon功能最早由微軟創設，而微軟公司的Internet Explorer網頁瀏覽器會對每一個網站都請求favicon。微軟支持的link標簽不遵從World Wide Web Consortium（W3C，萬維網聯盟）的HTML建議[1]，因為：
rel屬性必須包含一個用空格作分隔符的link類型的列表，所以一個包含兩詞的link類型不能被遵守標准的瀏覽器理解。
“.ico”文件類型（一種用於Microsoft Windows上圖標的光柵格式）沒有一個注冊的MIME類型，而且似乎在當時也不能被多數瀏覽器理解。然而2003年，這一格式在IANA獲得注冊，其MIME類型是image/vnd.microsoft.icon，進而消除了此問題的第一部分。
在網站上使用保留地址（reserved location）與Architecture of the World Wide Web（互聯網的結構）矛盾，同時被認為是link squatting（鏈接劫持）或URI squatting（URI劫持）。
Mozilla瀏覽器通過一種遵從Web標准的方法添加了對favicon的支持。它采用rel="icon"並允許網絡設計人員添加任何支持的圖像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后來鑒於此功能將被用於所有新內容，多數瀏覽器都對此功能增加了支持。
利用圖標工具（有很多）制作圖標文件（favicon.ico）上傳到網站所在的服務器的根目錄下，這個文件必須是16*16大小的圖標文件。當然，也可以在<head></head>之間加上
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
就可以了。但是，ico給出的是靜態的圖標文件。
如果想要動起來，就得做個gif動畫了。gif動畫也是16*16的，傳到服務器。在<head></head>之間加上：
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
就可以了。
如果想要收藏夾中的圖標也要改變的話，那么就加上這句：
<link rel="Bookmark" href="favicon.ico" />
這個圖標還可以使用png格式，png格式現在的勢頭很猛。