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中不受支持)
hrefURL指定链接文档的位置。
hreflang语言代码指定链接资源的语言。
media媒体查询指定应用链接资源的媒体类型。
relalternate 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浏览器 ChromeIE浏览器 IEFirefox浏览器 FirefoxOpera浏览器 OperaSafari浏览器 Safari
<link>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想