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 ਬਰਾਉਜਰ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ ਕਿ ਉਹ ਟੀਚੇ ਸਾਧਨਾਂ ਦੇ ਸਰੋਤ ਦੇ ਨਾਲ ਪ੍ਰਿਆਰਥਕ ਤੌਰ 'ਤੇ ਕਨੈਕਸ਼ਨ ਕਰੇ。
prefetch ਬਰਾਉਜ਼ਰ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ ਕਿ ਉਹ ਟੀਚੇ ਸਾਧਨਾਂ ਨੂੰ ਪ੍ਰਿਆਰਥਕ ਤੌਰ 'ਤੇ ਪ੍ਰਾਪਤ ਕਰੇ ਅਤੇ ਕੈਸ਼ ਵਿੱਚ ਰੱਖੇ ਜਿਸ ਨੂੰ ਬਾਅਦ ਵਿੱਚ ਨੇਵੀਗੇਸ਼ਨ ਵਿੱਚ ਵਰਤਣਾ ਹੋਵੇਗਾ。
preload ਬਰਾਉਜ਼ਰ ਏਜੈਂਟ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ ਕਿ ਉਹ 'as' ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਦੇਸ਼ ਦਾ ਸਾਧਨ (ਅਤੇ ਇਸ ਦੇ ਸਬੰਧ ਵਿੱਚ ਪ੍ਰਾਥਮਿਕਤਾ) ਨੂੰ ਪ੍ਰਿਆਰਥਕ ਤੌਰ 'ਤੇ ਪ੍ਰਾਪਤ ਕਰੇ ਅਤੇ ਪ੍ਰਾਪਤ ਕੀਤੇ ਗਏ ਸਾਧਨਾਂ ਨੂੰ ਕੈਸ਼ ਵਿੱਚ ਰੱਖੇ
prerender

ਬਰਾਉਜ਼ਰ ਨੂੰ ਨਿਰਦੇਸ਼ ਦਿੰਦਾ ਹੈ ਕਿ ਉਹ ਨਿਰਦੇਸ਼ਿਤ ਪੰਨੇ ਨੂੰ ਬੈਕਗਰਾਊਂਡ ਵਿੱਚ ਪ੍ਰੀ-ਰੈਂਡਰ (ਲੋਡ) ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ。

ਜੇਕਰ ਯੂਜ਼ਰ ਇਹ ਪੰਨਾ ਨੂੰ ਨੇਵੀਗੇਟ ਕਰਦਾ ਹੈ, ਤਾਂ ਇਹ ਪੰਨੇ ਲੋਡ ਹੋਣ ਦੀ ਗਤੀ ਵਧਾਵੇਗਾ (ਕਿਉਂਕਿ ਪੰਨਾ ਪਹਿਲਾਂ ਹੀ ਲੋਡ ਹੋ ਚੁੱਕਾ ਹੈ)。

ਚਾਰਜ! ਇਹ ਯੂਜ਼ਰ ਦੀ ਬੈਂਡਵਿੱਡਥ ਨੂੰ ਹਰਾਵੇਗਾ!ਪ੍ਰੀ-ਰੈਂਡਰ ਨੂੰ ਯੂਜ਼ਰ ਦੇ ਬਰਾਉਜ਼ਿੰਗ ਪ੍ਰੋਸੈਸ ਵਿੱਚ ਕਿਸੇ ਵੀ ਸਮੇਂ ਲਾਜ਼ਮੀ ਹੋਣ ਤੱਕ ਵਰਤਣਾ ਚਾਹੀਦਾ ਹੈ。
prev ਇਹ ਸੁਝਾਵਾ ਦਿੰਦਾ ਹੈ ਕਿ ਇਹ ਦਸਤਾਵੇਜ਼ ਇੱਕ ਕ੍ਰਮ ਦਾ ਹਿੱਸਾ ਹੈ ਅਤੇ ਇਸ ਕ੍ਰਮ ਵਿੱਚ ਪਿਛਲਾ ਦਸਤਾਵੇਜ਼ ਇਸ ਦੇ ਸਬੰਧ ਵਿੱਚ ਹੈ。
search ਸਮਗਰੀ ਦੇ ਲਿੰਕ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜੋ ਕਿ ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਅਤੇ ਸਬੰਧਤ ਪੰਨਿਆਂ ਦੀ ਖੋਜ ਲਈ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ。
stylesheet ਸਟਾਇਲ ਸ਼ੇਅਰ ਇੰਪੋਰਟ ਕਰੋ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

HTML <link> ਟੈਗ