HTML <link> 标签

<link> 标签定义文档与外部资源的关系。这些资源通常是外部样式表文件,也可以是网站图标,字体文件或者其他类似资源。在前端开发中,<link> 标签是非常重要的标签之一。

属性

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

  • rel:定义当前文档与被链接文档之间的关系。常见取值有:
    • stylesheet:用于引入外部样式表
    • icon:用于指定网站图标
  • href:指定被链接文档的 URL 地址
  • type:指定被链接文档的 MIME 类型
  • sizes:指定被链接文档的尺寸
  • media:指定被链接文档适用的媒体类型

示例

引入外部样式表

指定网站图标

注意事项

  • 当使用 <link> 标签引入外部样式表时,通常应该放在 <head> 标签内,以确保在页面加载时先加载样式。
  • 在指定网站图标时,通常应该准备多个尺寸的图标文件,并通过 sizes 属性指定对应尺寸。

以上是关于 <link> 标签的介绍,希望能帮助你更好地理解和使用这个标签。

属性 描述
charset char_encoding HTML5 不支持该属性。 定义被链接文档的字符编码方式。
href URL 定义被链接文档的位置。
hreflang language_code 定义被链接文档中文本的语言。
media media_query 规定被链接文档将显示在什么设备上。
rel alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up 必需。定义当前文档与被链接文档之间的关系。rel 是 relationship的英文缩写。
rev reversed relationship HTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。
sizes HeightxWidthany 定义了链接属性大小,只对属性 rel="icon" 起作用。
target _blan _self _top _parentframe_name HTML5 不支持该属性。 定义在何处加载被链接文档。
type MIME_type 规定被链接文档的 MIME 类型。
上一篇: HTML标签 <li>
下一篇: HTML标签 <map>
纠错
反馈