HTML <link> rel 属性

HTML <link> تیگ

定义和用法

必需的 rel 属性指定当前文档和被链接文档/资源之间的关系。

实例

例子 1

导入外部样式表：

<link rel="stylesheet" href="styles.css">

亲自试一试

例子 2

以下是将网站图标添加到网站的方法：

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

语法

<link rel="value">

属性值

值 描述
alternate

提供指向文档替代表示的链接（例如打印页面、翻译或镜像）。

例子：<link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
author 提供文档作者的链接。
dns-prefetch 规定浏览器应该抢先执行目标资源所在源的 DNS 解析。
help

提供指向帮助文档的链接。

例子：<link rel="help" href="/help/">
icon

导入表示文档的图标。

例子：<link rel="icon" href="favicon.ico" type="image/x-icon">
license 提供文档版权信息的链接。
next 提供指向系列中下一篇文档的链接。
pingback 提供处理对当前文档的 pingback 的 pingback 服务器的地址。
preconnect Dade ƙarancin samar yanar gizo a ƙarancin samar browsers.
prefetch Dade ƙarancin samar yanar gizo a ƙarancin samar browsers, saboda za a iya amfani da ƙarancin samar yanar gizo a ƙarancin samar yanar gizo.
preload Dade ƙarancin samar yanar gizo a ƙarancin samar browsers, dake ƙarancin samar ƙarancin samar da ke karshe, kuma kuma ƙarancin samar ƙarancin samar.
prerender

Dade ƙarancin samar yanar gizo a ƙarancin samar browsers.

Idan a ƙarancin samar yanar gizo, za a kara ƙarancin samar yanar gizo (kuma saboda yanar gizo ya ƙarancin samar).

Tutse! Za a ƙara ƙarancin ƙa'idade da ƙarancin samar! Ƙarancin samar ƙarancin samar zai iya amfani da ƙarancin samar ƙarancin samar a lokaci na ƙarancin samar yanar gizo.
prev Nuna cewa wannan littafin shi ne ƙasashe daga taron, kuma littafin na karshe a taron shi ne littafin na ƙarshe.
search Kwado samar ƙadda ƙarancin samar da za a yi nazarin littafin gida da taron da suka da su.
stylesheet Kwado samar style

Kudade da ƙarancin samar browsers

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ƙadda samar ƙadda samar ƙadda samar ƙadda samar ƙadda samar

HTML <link> تیگ