這篇文章主要介紹html怎么設(shè)置頁(yè)面圖標(biāo),文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
目前成都創(chuàng)新互聯(lián)公司已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、金昌網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
在html中,可以利用link標(biāo)簽來(lái)設(shè)置頁(yè)面圖標(biāo);只要在頁(yè)面的head標(biāo)簽中添加“”代碼即可。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
1、準(zhǔn)備一張32px*32px大小的ico圖標(biāo)。
2、準(zhǔn)備好開(kāi)發(fā)環(huán)境。
設(shè)置網(wǎng)頁(yè)的ico圖標(biāo)其實(shí)比較簡(jiǎn)單,只要在頁(yè)面的
head
標(biāo)簽中添加一行代碼即可。,這行代碼看著是不是很簡(jiǎn)單?
使用示例如下:
系統(tǒng)首頁(yè) Hello World
在瀏覽器中刷新頁(yè)面,如果看到類(lèi)似下圖的效果,那么恭喜你!這一波操作已經(jīng)成功。
link
元素可以用來(lái)引入HTML頁(yè)面外部的資源文件。在Web開(kāi)發(fā)過(guò)程中開(kāi)發(fā)者會(huì)用link
將CSS文件引入到頁(yè)面中,當(dāng)然也可以用link
設(shè)置ico圖標(biāo)。
rel
:表示將要引用的資源類(lèi)型。
href
:表示指向資源的URL。
,代碼中
rel="shortcut icon"
是一種固定寫(xiě)法。如果缺省該屬性會(huì)影響ico圖標(biāo)的正確顯示。所以該屬性千萬(wàn)要記得寫(xiě)。這行代碼通俗的講就是告訴瀏覽器幫忙引入一個(gè)ico格式的圖標(biāo),資源的地址在href
中。
以上是“html怎么設(shè)置頁(yè)面圖標(biāo)”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!