html中link標籤怎麼用

下次还敢
發布: 2024-04-27 18:52:33
原創
1071 人瀏覽過

HTML中link標籤用於連結外部資源,如CSS檔案、圖示和字型。其語法為,其中rel指定類型,href指定資源URL。常見類型包括stylesheet(CSS)、icon(Favicon)、font-face(字體)、preconnect(預先連接)、prefect(預取資源)。

html中link標籤怎麼用

HTML中link標籤的用法

什麼是link標籤?

link標籤是一種HTML元素,用於將外部資源(例如CSS檔案、圖示、字型)連結到HTML文件中。

link標籤的語法

<code class="html"><link rel="rel-type" href="source-url"></code>
登入後複製

其中:

  • rel 屬性指定連結的類型,例如stylesheet、 icon 等。
  • href 屬性指定要連結的外部資源的URL。

link標籤的類型

link標籤可以用來連結不同類型的外部資源,最常見的類型包括:

  • #stylesheet:連結外部CSS檔案。
  • icon:連結網站圖示(Favicon)。
  • font-face:連結外部字體檔案。
  • preconnect:預先連接到其他伺服器。
  • prefect:預取資源,以便快速載入。

使用link標籤

要使用link標籤,請在<head> 部分新增以下程式碼:

<code class="html"><head>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.ico">
</head></code>
登入後複製

此程式碼將連結外部CSS檔案style.css 和網站圖示favicon.ico

link標籤的屬性

除了relhref 屬性之外,link標籤也支援其他屬性,包括:

  • media:指定CSS檔案適用的媒體類型(例如螢幕、列印)。
  • type:指定外部資源的MIME類型。
  • sizes:指定圖示的尺寸。
  • crossorigin:指定存取外部資源時的跨網域設定。
  • referrerpolicy:指定請求外部資源時發送的HTTP頭。

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!