HTML link 标签

🌙
手机阅读
本文目录结构
axihe

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。


链接到外部样式文件:

<head>
    <link rel="stylesheet" type="text/css" href="theme.css">
</head>

浏览器支持

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


提示和注释

注意: link 元素是空元素,它仅包含属性。

注意: 此元素只能存在于 head 部分,不过它可出现任何次数。


HTML4 与 HTML5 之间的差异

一些 HTML4 属性在 HTML5 中不支持。

HTML5 新增了 “sizes” 属性。


HTML 与 XHTML 之间的差异

在 HTML 中,<link> 标签没有结束标签。

在 XHTML 中,<link> 标签必须被正确地关闭。


属性

New: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 不支持该属性。 定义被链接文档与当前文档之间的关系。
sizesNewHeightxWidth
any定义了链接属性大小,只对属性 rel=“icon” 起作用。
target_blank
_self
_top
_parent
frame_name
HTML5 不支持该属性。 定义在何处加载被链接文档。
typeMIME_type规定被链接文档的 MIME 类型。

全局属性

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


事件属性

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


相关文章

HTML 教程:HTML 样式

HTML DOM 参考手册:Link 对象


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang