html中的link標籤的作用

HTML 中的 <link> 標籤用於將外部資源連結到 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>

#

以上是html中的link標籤的作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！