html 中的 標(biāo)簽用于將外部資源鏈接到 html 文檔。其作用包括:引用樣式表、設(shè)置頁(yè)面圖標(biāo)、引入外部腳本、預(yù)加載資源和定義替代圖標(biāo)。
HTML 中 link 標(biāo)簽的作用
HTML 中的 <link>
標(biāo)簽用于將外部資源(如樣式表、圖標(biāo)和外部腳本)鏈接到 HTML 文檔。它為瀏覽器提供有關(guān)文檔中引用的外部文件的信息。
作用:
引用樣式表:<link>
標(biāo)簽的 href
屬性可以引用外部 CSS 文件,用于定義文檔的樣式。
設(shè)置頁(yè)面圖標(biāo):rel="icon"
屬性可指定頁(yè)面圖標(biāo),在瀏覽器選項(xiàng)卡和收藏夾中顯示。
引入外部腳本:rel="stylesheet"
屬性可用于引用外部 JavaScript 文件。
預(yù)加載資源:rel="preload"
屬性可讓瀏覽器在頁(yè)面加載前預(yù)加載資源,從而減少頁(yè)面渲染時(shí)間。
定義替代圖標(biāo):rel="alternate icon"
屬性可定義針對(duì)不同設(shè)備或尺寸的替代頁(yè)面圖標(biāo)。
語(yǔ)法:
<link rel="rel-type" href="file-path">
rel:指定與文檔的關(guān)聯(lián)類型,例如 “stylesheet”、”icon”。
href:指定外部資源的路徑。
type:指定外部資源的 MIME 類型,例如 “text/css”、”image/png”。
示例:
鏈接到樣式表:
<code class="html"><link rel="stylesheet" href="style.css"></code>
登錄后復(fù)制
設(shè)置頁(yè)面圖標(biāo):
<code class="html"><link rel="icon" href="favicon.ico"></code>
登錄后復(fù)制
引入外部腳本:
<code class="html"><link rel="stylesheet" href="script.js"></code>
登錄后復(fù)制