<link>
标签定义文档与外部资源的关系。这些资源通常是外部样式表文件,也可以是网站图标,字体文件或者其他类似资源。在前端开发中,<link>
标签是非常重要的标签之一。
属性
<link>
标签支持以下常用属性:
rel
:定义当前文档与被链接文档之间的关系。常见取值有:stylesheet
:用于引入外部样式表icon
:用于指定网站图标
href
:指定被链接文档的 URL 地址type
:指定被链接文档的 MIME 类型sizes
:指定被链接文档的尺寸media
:指定被链接文档适用的媒体类型
示例
引入外部样式表
<link rel="stylesheet" type="text/css" href="styles.css">
指定网站图标
<link rel="icon" type="image/png" href="favicon.png">
注意事项
- 当使用
<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 类型。 |