溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“html如何設置頁面圖標”，在日常操作中，相信很多人在html如何設置頁面圖標問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html如何設置頁面圖標”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
在html中，可以利用link標簽來設置頁面圖標；只要在頁面的head標簽中添加“<link rel="shortcut icon" href="頁面ico圖標文件路徑">”代碼即可。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
1、準備一張32px*32px大小的ico圖標。
2、準備好開發環境。
設置網頁的ico圖標其實比較簡單，只要在頁面的
head標簽中添加一行代碼即可。<link rel="shortcut icon" href="favicon.ico">，這行代碼看著是不是很簡單？
使用示例如下：
<!--聲明文檔內容為html--> <!DOCTYPE html> <!--設置語言為英文--> <html> <head> <!--設置文檔默認編碼--> <meta charset="UTF-8"> <!--網頁的title--> <title>系統首頁</title> <!--設置ico圖標--> <link rel="shortcut icon" href="favicon.ico"> </head> <body> <p>Hello World</p> </body> </html>
在瀏覽器中刷新頁面，如果看到類似下圖的效果，那么恭喜你！這一波操作已經成功。
link元素可以用來引入HTML頁面外部的資源文件。在Web開發過程中開發者會用link將CSS文件引入到頁面中，當然也可以用link設置ico圖標。
rel ：表示將要引用的資源類型。
href：表示指向資源的URL。
<link rel="shortcut icon" href="favicon.ico">,代碼中rel="shortcut icon"是一種固定寫法。如果缺省該屬性會影響ico圖標的正確顯示。所以該屬性千萬要記得寫。這行代碼通俗的講就是告訴瀏覽器幫忙引入一個ico格式的圖標，資源的地址在href中。
到此，關于“html如何設置頁面圖標”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
