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 |