本文概述
HTML <link>标记用于指定当前文档和外部源之间的关系。
<link>标记通常用于链接当前文档的外部样式表, 但也可以与链接站点图标一起使用。它放在文档的头部。
例
<link rel="stylesheet" type="text/css" href="">
以下是有关HTML <link>标记的一些规范
Display | None |
开始日期/结束日期 | 开始和结束标签 |
Usage | textual |
例
<!DOCTYPE html>
<html>
<head>
<title>Link Tag</title>
<link rel="stylesheet" type="text/css" href="htmlpages/css/link.css">
</head>
<body>
<h2>Example of Link Tag</h2>
<p>This is paragraph which is styled with external style sheet. </p>
</body>
</html>
立即测试
body{
background-color: #7ac5cd;
text-align: center;}
h2{
color: #006400;}
p{
color: #cd5c5c;
font-size: 25px;
font-style: italic;}
输出:
属性
特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | 它定义链接源的字符编码。 (HTML5不支持) |
href | URL | 它指定链接文档的位置。 |
hreflang | language_code | 指定链接源的文本语言。 |
media | media_query | 它指定要为其应用链接源的媒体。 |
rel | 备用作者dns-prefetch帮助图标许可下一个pingback预连接prefetch预加载prerender prev搜索样式表 | 它描述了当前文档和链接文档之间的关系。 (需要) |
rev | reversed relationship |
它描述了链接文档和当前文档之间的关系。 (HTML5不支持) |
sizes | Height* weight | 它指定链接源的大小。它只能与rel =“ icon”一起使用。 |
target | _blank _self _top _parent frame_name | 它确定在何处加载链接的文档。 |
type | media_type | 它指定文档的媒体类型。 |
全局属性:
<link>标记支持HTML中的全局属性
事件属性:
<link>标记支持HTML中的事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<link> | Yes | Yes | Yes | Yes | Yes |