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

กำหนดให้เบราเซอร์เรียกใช้การเรียกก่อนการทำงาน (โหลด) เว็บไซต์ที่กำหนด

ถ้าผู้ใช้หลังจากนั้นเลื่อนไปยังเว็บไซต์นี้ จะเร่งขึ้นการโหลดเว็บไซต์ (เพราะเว็บไซต์นี้ได้ถูกโหลดแล้ว)

คำเตือน! นี่จะเสียเพลิงพลังงานของบัตรเครดิตของผู้ใช้!ใช้การเรียกก่อนการทำงานเฉพาะเมื่อคุณแน่ใจแน่นหนาว่าเว็บไซต์นี้จะมีความจำเป็นในขณะบrowsingของผู้ใช้
prev บอกว่าเอกสารนี้เป็นส่วนหนึ่งของชุด และเอกสารที่มีอยู่ก่อนหน้านี้ในชุดนี้คือเอกสารที่อ้างอิง
search ให้ลิงก์ที่มีการสนับสนุนการค้นหาเอกสารที่ใช้งานในขณะนี้และเว็บไซต์ที่เกี่ยวข้อง
stylesheet นำสไตล์ที่เปิดใช้งานเข้ามา

การสนับสนุนโปรแกรมนีเวอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML <link> 标籤