HTML <link> 标签用于指定当前文档与外部源之间的关系。
<link> 标签通常用于链接当前文档的外部样式表,但它也可以与链接站点图标一起使用。它位于文档的头部。
<link rel="stylesheet" type="text/css" href="">
以下是关于 HTML <link> 标签的一些规范
展示 | 没有任何 |
开始标签/结束标签 | 开始和结束标签 |
用法 | 文字的 |
<!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 |
| 它描述了当前文档和链接文档之间的关系。(必需的) |
rev | reversed relationship | 它描述了链接文档和当前文档之间的关系。(HTML5 不支持) |
sizes | Height* weight | 它指定链接源的大小。它应该只与 rel="icon" 一起使用。 |
target | _blank _self _top _parent frame_name | 它确定在哪里加载链接的文档。 |
type | media_type | 它指定文档的媒体类型。 |
<link> 标签支持 HTML 中的全局属性
<link > 标签支持 HTML 中的事件属性。
元素 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
<link> | Yes | Yes | Yes | Yes | Yes |