知识问答
HTML5中link标签的作用和用法是什么？
<link标签是HTML5中用于定义文档与外部资源关系的重要元素，它通常用于链接样式表、站点图标（favicon）以及实现预加载等高级功能，以下是对link标签的详细定义和规定：
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 | 必需，定义当前文档与被链接文档之间的关系。 |
| rev | reversed relationship | HTML5不支持该属性，用于定义被链接文档与当前文档之间的关系。 |
| sizes | HeightxWidth, any | 定义了链接属性大小，只对属性rel="icon"起作用。 |
| target | _blank, _self, _top, _parent, frame_name | HTML5不支持该属性，用于定义在何处加载被链接文档。 |
| type | MIME_type | 规定被链接文档的MIME类型。 |
link标签的常见用法
1、引入外部样式表：通过设置rel="stylesheet"和href属性，可以将外部CSS文件链接到HTML文档中。
2、创建站点图标：使用rel="icon"和href属性，可以添加网站的favicon图标。
3、预加载资源：通过设置rel="preload"或rel="prefetch"，可以让浏览器提前加载可能需要的资源，从而提高页面加载性能。
4、DNS预解析：通过设置rel="dnsprefetch"，可以提示浏览器提前进行DNS查询和协议握手，减少用户实际访问时的延迟。
相关问答FAQs
1、问题一：link标签中的rel属性有哪些常用值？
回答：rel属性用于定义当前文档与被链接文档之间的关系，其常用值包括：
alternate 替代资源
author 作者信息
bookmark 书签
external 外部资源
first 第一部分
help 帮助文档
icon 网站图标
last 最后一部分
license 许可信息
next 下一页
nofollow 不跟踪
noreferrer 不发送引用信息
pingback 引用通知
prefetch 预获取资源
prev 上一页
search 搜索结果
stylesheet 样式表
tag 标签页
2、问题二：如何在HTML中使用link标签引入外部样式表？
回答： 在HTML文档的<head>部分使用link标签，并设置rel="stylesheet"和href属性来引入外部样式表，示例如下：
<head> <link rel="stylesheet" type="text/css" href="theme.css"> </head>
这段代码会将名为theme.css的外部样式表链接到当前HTML文档中。
上一篇：域名查询网站有哪些？
