นิยาม <link> rel อัตราะหาร HTML

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="ค่า">

ค่าของอัตราะหาร

ค่า การอธิบาย
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 กำหนดให้เบราเซอร์ตัวแทนดูข้อมูลและทำการเก็บความจำทรัพยากรเป้าหมายตาม
prerender

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

หากผู้ใช้เน้นทางเว็บไซต์นี้ มันจะเร่งความเร็วการโหลดเว็บไซต์ (เพราะเว็บไซต์ได้ถูกโหลดแล้ว)

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

การสนับสนุนโปรแกรมน่าดูดฝึก

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

HTML แบบตัวอักษร <link>