在網頁中,頁面標題圖標扮演著重要的角色,不僅可以美化頁面,更可以讓用戶記憶深刻。
CSS提供了一種簡單的方法來為網頁添加頁面標題圖標,即使用“favicon”,一個16x16像素的小圖標。
<head> <link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> </head>
以上代碼可以添加到網頁的 <head> 中。當然,需要先準備好一個16x16像素的小圖標,將其命名為“favicon.ico”并放置在網站根目錄下。
“rel”屬性指定了鏈接與當前文檔之間的關系,而“type”屬性定義了一個文件的MIME類型。
有些瀏覽器可能不支持直接使用“favicon.ico”鏈接小圖標,而需要用第二個鏈接。因此,我們可以將兩個鏈接都添加到頁面中。
<head> <link rel="icon" href="favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> </head>
通過上述方法,我們可以輕松地為網站添加頁面標題圖標。這個小小的圖標,可以讓你的網站更加出色
上一篇css 高寬固定比例
下一篇css 頁面元素數量