web中link怎么用的
时间: 2024-09-13 22:05:51 浏览: 34
creo Weblink 官方说明书
在Web开发中,`<link>`是HTML(HyperText Markup Language,超文本标记语言)的一个标签,它用于在网页文档中引入外部资源,如CSS样式表。`<link>`标签经常出现在HTML文档的`<head>`部分,但也可以在文档的任何地方使用`rel`属性的值为`stylesheet`之外的其他值。
以下是`<link>`标签的基本使用方法:
1. 引入外部样式表:
```html
<link rel="stylesheet" type="text/css" href="style.css">
```
在这里,`rel="stylesheet"`属性指定链接的内容是样式表,`type="text/css"`指定内容类型为CSS,`href`属性指向样式表文件的位置。
2. 引入图标:
```html
<link rel="icon" href="favicon.ico" type="image/x-icon">
```
`rel="icon"`属性用来指定链接的图标类型,`href`属性指向图标文件的位置。图标经常用于浏览器标签页和收藏夹中。
3. 预加载资源:
```html
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin="anonymous">
```
`rel="preload"`属性用于预先加载资源,这有助于优化页面加载时间。`as`属性定义了预加载的内容类型,`type`指定资源的MIME类型,`crossorigin`属性指定请求是否需要跨域。
阅读全文