此文章提供 html 中 link 標簽的用法,包括:用于聲明外部資源或指定文檔關系的自閉合標簽。格式為:。rel 屬性指定資源關系,可為 stylesheet、icon、alternate、next/prev。type 屬性指定資源媒體類型,如文本、樣式表等。href 屬性指定資源 url。可包含其他屬性,如 media(媒體類型)、sizes(尺寸)、charset(字符集)。
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/<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css" href="style.css" /></code>
登錄后復制
注意:
link 標簽可以放在 HTML 文檔的任何位置,但通常放在 head 元素中。
link 標簽可以鏈接到 HTTP、HTTPS 或 data URI。
link 標簽可以同時具有多個 rel 屬性值。