HTML DOM Link 对象

HTML 中的 <link> 标签用于在文档中引入外部资源,通常用于引入样式表(CSS 文件),图标文件等。<link> 标签没有结束标签,因为它是一个空元素。

属性

<link> 标签支持以下常用属性:

  • href:指定要链接的外部资源的 URL。
  • rel:指定当前文档与被链接文档之间的关系,常用值包括 stylesheet(引入样式表)、icon(引入图标)等。
  • type:指定被链接文档的 MIME 类型。
  • media:指定被链接文档适用的媒体类型,常用值包括 screen、print、all 等。

示例

以下是一个使用 <link> 标签引入样式表的示例:

-- -------------------- ---- -------
--------- -----
----- ----------
------
    ----- ----------------
    ----------------------
    ----- ---------------- ----------------- --------------- ---------------
-------
------
    ---------- -----------
-------
-------

在上面的示例中,我们通过 <link> 标签引入了一个名为 styles.css 的样式表文件,并指定了样式表适用于屏幕展示。

注意事项

  • 在引入样式表时,应确保 href 属性指定的 URL 是正确的,否则样式表将无法加载。
  • <link> 标签通常放置在 <head> 标签内,以便在页面加载时首先加载外部资源。
  • 使用 media 属性可以根据不同的媒体类型加载不同的样式表,提高页面的适配性。
属性 描述 W3C
charset 设置或返回目标 URL 的字符编码。 Yes
href 设置或返回被链接资源的 URL。 Yes
hreflang 设置或返回目标 URL 的基准语言。 Yes
media 设置或返回文档显示的设备类型。 Yes
rel 设置或返回当前文档与目标 URL之间的关系。 Yes
rev 设置或返回目标 URL 与当前文档之间的关系。 Yes
type 设置或返回目标 URL 的 MIME 类型。 Yes
上一篇: HTML 对象 <keygen>
下一篇: HTML 对象 <label>
纠错
反馈