HTML教程-HTML<link>标签

HTML的<link>
标签用于指定当前文档与外部资源的关联关系。
<link>
标签通常用于将外部样式表链接到当前文档,但也可用于链接网站图标等其他资源。它位于文档的<head>
部分。
示例
<link rel="stylesheet" type="text/css" href="styles.css">
以下是关于HTML <link>
标签的一些规范:
显示方式 | 无 |
---|---|
开始标签/结束标签 | 同时有开始和结束标签 |
用途 | 文本 |
示例
<!DOCTYPE html>
<html>
<head>
<title>Link标签示例</title>
<link rel="stylesheet" type="text/css" href="htmlpages/css/link.css">
</head>
<body>
<h2>Link标签示例</h2>
<p>这是一个使用外部样式表进行样式设置的段落。</p>
</body>
</html>
在上面的示例中,<link>
标签使用了以下属性:
rel
:描述当前文档与链接文档之间的关系。在这个例子中,rel="stylesheet"
表示链接的文档是一个样式表。type
:指定链接文档的MIME类型。在这个例子中,type="text/css"
表示链接的文档是一个CSS文件。href
:指定链接文档的URL或路径。在这个例子中,href="htmlpages/css/link.css"
表示样式表位于htmlpages/css/link.css
文件中。
属性:
特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
charset | 字符编码 | 定义链接资源的字符编码。(在HTML5中不受支持) |
href | URL | 指定链接文档的位置。 |
hreflang | 语言代码 | 指定链接资源的语言。 |
media | 媒体查询 | 指定应用链接资源的媒体类型。 |
rel | alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet | 描述当前文档与链接文档之间的关系。(必需) |
rev | 反向关系 | 描述链接文档与当前文档之间的关系。(在HTML5中不受支持) |
sizes | 高度*宽度 | 指定链接资源的大小。仅在rel="icon" 时使用。 |
target | _blank _self _top _parent frame_name | 确定如何加载链接文档。 |
type | 媒体类型 | 指定文档的媒体类型。 |
全局属性:
<link>
标签支持HTML中的全局属性。
事件属性:
<link>
标签支持HTML中的事件属性。
支持的浏览器
元素 | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
<link> | 是 | 是 | 是 | 是 | 是 |