HTML แบบฟอร์มตัวแทน <link>

  • หน้าก่อน <li>
  • หน้าต่อไป <main>

คำอธิบายและวิธีใช้

<link> องค์ประกอบกำหนดความสัมพันธ์ระหว่างเอกสารปัจจุบันและทรัพยากรนอก。

<link> ตามที่ใช้บ่อยที่สุดเพื่อลิงค์ไปยังสไตล์แบบภายนอกหรือเพิ่มไอคอนให้กับเว็บไซต์。

<link> องค์ประกอบเป็นองค์ประกอบเดี่ยว มีคุณสมบัติเท่านั้น。

ดูเพิ่มเติมที่:

เรื่องสอน HTMLสไตล์ HTML

คู่มืออ้างอิง HTML DOMLink วัตถุ

ตัวอย่าง

ลิงค์ไปยังสไตล์แบบภายนอก:

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

ทดลองด้วยตัวเอง

คุณสมบัติ

คุณสมบัติ ค่า คำอธิบาย
crossorigin
  • anonymous
  • use-credentials
 กำหนดวิธีที่องค์ประกอบจะจัดการคำร้องที่ข้ามแหล่งข้อมูล。
href URL กำหนดตำแหน่งของเอกสารที่ถูกลิงค์。
hreflang รหัสเสียง กำหนดภาษาของข้อความในเอกสารที่ถูกลิงค์。
media เรื่องตรวจสอบสื่อ กำหนดที่อยู่อุปกรณ์ที่เอกสารที่ถูกลิงค์จะแสดงบนมัน。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 กำหนดผู้ที่จะใช้เพื่อเข้าถึงทรัพยากร。
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 จำเป็น กำหนดความสัมพันธ์ระหว่างเอกสารปัจจุบันและเอกสารที่ถูกลิงค์。
sizes
  • HeightxWidth
  • any
 กำหนดขนาดของทรัพยากรที่ถูกลิงค์โดยเฉพาะ rel="icon"。
title กำหนดสไตล์ที่ชื่นชอบหรือสไตล์ที่ใช้งาน
type ชนิดสื่อ กำหนดชนิดสื่อของเอกสารที่ถูกลิงค์

ภาษีเหตุการณ์ทั่วไป

<link> แบบบูตรนี้ยังสนับสนุน รายละเอียดภาษีเหตุการณ์ทั่วไป HTML.

ภาษีเหตุการณ์

<link> แบบบูตรนี้ยังสนับสนุน รายละเอียดภาษีเหตุการณ์ใน HTML.

การตั้งค่า CSS โดยเริ่มต้น

โปรแกรมนีเวอร์ส่วนใหญ่จะแสดงค่าเรfer ดังนี้ <link> องค์ประกอบ：

link {
  display: none;
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อน <li>
  • หน้าต่อไป <main>