html中link標籤的用法

下次还敢
發布: 2024-04-27 21:06:33
原創
438 人瀏覽過

這篇文章提供 HTML 中 link 標籤的用法,包括:用於宣告外部資源或指定文件關係的自閉合標籤。格式為:。 rel 屬性指定資源關係,可為 stylesheet、icon、alternate、next/prev。 type 屬性指定資源媒體類型,如文字、樣式表等。 href 屬性指定資源 URL。可包含其他屬性,如 media(媒體類型)、sizes(尺寸)、charset(字元集)。

html中link標籤的用法

HTML 中link 標籤的用法

link 標籤用於在HTML 文件中宣告外部資源或指定文檔之間的關係。它是一個自閉合標籤,沒有結束標籤。

用法格式:

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

其中:

  • #rel:指定資源與文件之間的關係。
  • type:指定資源的媒體類型(例如文字、樣式表等)。
  • href:指定資源的 URL。

類型屬性:

link 標籤的rel 屬性可以指定下列類型的關係:

  • ##stylesheet: 連結到外部樣式表。
  • icon:指定文件的 favicon。
  • alternate:指定文件的不同版本,例如行動視圖或列印檢視。
  • next/prev:指定文件中下一/上一篇。

其他屬性:

link 標籤也可以包含下列屬性:

  • media:指定資源應用於的媒體類型(例如螢幕、列印等)。
  • sizes:指定資源的尺寸(與 favicon 相關)。
  • charset:指定資源的字元集。

範例:

以下範例將一個外部樣式表連結到HTML 文件中:

<code class="html"><link rel="stylesheet" type="text/css" href="style.css" /></code>
登入後複製

注意:

    link 標籤可以放在HTML 文件的任何位置,但通常放在head 元素中。
  • link 標籤可以連結到 HTTP、HTTPS 或 data URI。
  • link 標籤可以同時具有多個 rel 屬性值。

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板