html中<link>標(biāo)簽的示例分析

發(fā)布時(shí)間：2022-03-10 15:01:36 來(lái)源：億速云閱讀：347 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要為大家展示了“html中<link>標(biāo)簽的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“html中<link>標(biāo)簽的示例分析”這篇文章吧。

html網(wǎng)頁(yè)中head之link標(biāo)簽
什么是link標(biāo)簽?
link標(biāo)簽通常放置在一個(gè)網(wǎng)頁(yè)的頭部標(biāo)簽head標(biāo)簽內(nèi)的用于鏈接外部css文件、鏈接收藏夾圖標(biāo)（favicon.ico），<link> 標(biāo)簽最常見(jiàn)的用途是鏈接外部樣式表，外部資源。

html中<link>標(biāo)簽的示例分析
link引人外部CSS與引人ico網(wǎng)站圖標(biāo)截圖

link實(shí)例

<link href="img/億速云.css" rel="stylesheet" type="text/css" />

鏈接外部css樣式時(shí)候link標(biāo)簽的內(nèi)容結(jié)構(gòu)解釋——css引用
href 值為外部資源地址，這里是css的地址
rel 定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系,這里是外部css樣式表即stylesheet
type 規(guī)定被鏈接文檔的 MIME 類,這里是值為text/css

這樣就構(gòu)成了一個(gè)完整的link標(biāo)簽

注意link標(biāo)簽因?yàn)椴幌?lt;head></head>、<html></html>是一對(duì)的，解釋還需一個(gè)斜杠的標(biāo)簽，這里link樣式是放在<link>內(nèi)的。

根據(jù)W3C標(biāo)準(zhǔn)，需要直接用斜杠一個(gè)">"結(jié)束，如<link .... ... />構(gòu)成完整的一個(gè)link標(biāo)簽。

使用link引用網(wǎng)頁(yè)收藏夾圖標(biāo)

ICO圖標(biāo)引人代碼如下：

<link rel="icon" href="favicon.ico" type="image/x-icon" />

link 標(biāo)簽的內(nèi)容結(jié)構(gòu)解釋
href 值為外部資源地址這里是收藏夾圖標(biāo)地址
rel 定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系,這里是外部icon圖標(biāo)屬性
type 規(guī)定被鏈接文檔的 MIME 類,這里是值為image/x-icon

相關(guān)知識(shí)：favicon ico制作教程

div+css通過(guò)對(duì)head標(biāo)簽內(nèi)link“<link>”標(biāo)簽講解，希望對(duì)大家有幫助。在一個(gè)網(wǎng)頁(yè)中常用就這兩種，也許會(huì)碰到rel值不同的，大致使用方法相同。

特別說(shuō)明<link>標(biāo)簽不一定必須放置在<head></head>標(biāo)簽內(nèi),可以適當(dāng)放置在<body>下</body>以上部分，效果相同，但是推薦標(biāo)準(zhǔn)的放置在head標(biāo)簽內(nèi)。

以上是“html中<link>標(biāo)簽的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

html中<link>標(biāo)簽的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽