HTML link的作用
时间: 2023-09-09 18:07:22 浏览: 108
HTML 链接
HTML link元素用于在当前文档和外部资源之间建立关系,通常用于引入外部样式表、JavaScript文件、图像、音频、视频等多媒体资源。当页面加载时,浏览器会根据link元素的属性值来下载对应的资源,并应用于当前文档中。link元素通常放置在文档的头部(head)中。例如:
```html
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.ico">
<link rel="preload" href="font.woff2" as="font">
</head>
```
以上代码使用了三个link元素:
- 第一个link元素引入了一个名为style.css的外部样式表文件;
- 第二个link元素引入了一个名为favicon.ico的站点图标文件;
- 第三个link元素使用了preload属性,将一个名为font.woff2的字体文件预加载,并指定了as属性的值为"font",表示该资源是一个字体文件。
阅读全文