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