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中的事件属性。
支持的浏览器
| 元素 | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<link> | 是 | 是 | 是 | 是 | 是 |
Chrome
IE
Firefox
Opera
Safari