<link> | HTML外部链接标签的定义与用法

由 hcduguo

定义与用法

  • <link>标签用于指定当前文档和外部源之间的关系；
  • <link>标签通常用于链接当前文档的外部样式表，也可以与链接站点图标一起使用；
  • <link>标签放在文档的头部。

提示： link 元素是空元素，它仅包含属性；此元素只能存在于 head 部分，不过它可出现任何次数。

语法格式

<link rel=”stylesheet” type=”text/css” href=””>  

示例代码

<!DOCTYPE html>  
<html>  
<head>  
    <title>Link标签</title>  
    <link rel="stylesheet" type="text/css" href="/example/css/link.css">  
</head>  
<body>  
    <h2>Link标签示例</h2>  
    <p>这是用外部样式表设置样式的段落。</p>  
</body>  
</html>

效果展示：

HTML 4.01 与 HTML5之间的差异

一些 HTML 4.01 属性在 HTML5 中不支持。HTML5 新增了 “sizes” 属性。

HTML 与 XHTML 之间的差异

在 HTML 中，<link> 标签没有结束标签。在 XHTML 中，<link> 标签必须被正确地关闭。

浏览器支持

所有主流浏览器都支持 <link> 标签。

标签属性

: HTML5新属性。

属性值描述
charsetchar_encodingHTML5 不支持该属性。 定义被链接文档的字符编码方式。
hrefURL定义被链接文档的位置。
hreflanglanguage_code定义被链接文档中文本的语言。
mediamedia_query规定被链接文档将显示在什么设备上。
relalternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up		必需。定义当前文档与被链接文档之间的关系。
revreversed relationshipHTML5 不支持该属性。 定义被链接文档与当前文档之间的关系。
sizesHeightxWidth
any		定义了链接属性大小，只对属性 rel=”icon” 起作用。
target_blank
_self
_top
_parent
frame_name		HTML5 不支持该属性。 定义在何处加载被链接文档。
typeMIME_type规定被链接文档的 MIME 类型。

全局属性

<link> 标签支持全局属性，查看完整属性表 HTML 全局属性。

事件属性

<link> 标签支持所有 HTML 事件属性。

相关