คุณสมบัติ HTML DOM Link rel ตั้งค่า/ส่งคืนความสัมพันธ์ระหว่างเอกสารปัจจุบันและเอกสารที่เชื่อมโยง และจำเป็นต้องกล่าวถึง
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
- ส่งคืน rel ค่าแอตทริบิวต์
linkObject.rel
- การตั้งค่า rel เป็นค่าสตริง
linkObject.rel =valueString
สตริงค่า
ที่นี่ “valueString” สามารถเป็นดังต่อไปนี้ -
valueString | คำอธิบาย |
---|---|
ทางเลือก | ให้ |
ผู้เขียน | มีลิงก์ไปยังผู้เขียนเอกสารที่เชื่อมโยง |
dnsprefetch | ระบุว่าเบราว์เซอร์ควรทำการแก้ไข DNS ล่วงหน้าสำหรับต้นทางของทรัพยากรเป้าหมาย |
ช่วยเหลือ | มีลิงก์ไปยังเอกสารช่วยเหลือ หากมี |
ไอคอน | มันนำเข้าไอคอนเพื่อแสดงเอกสาร |
rel | ตั้งค่า/ส่งคืนความสัมพันธ์ระหว่างเอกสารปัจจุบันกับเอกสารที่เชื่อมโยง |
ใบอนุญาต | ให้ข้อมูลลิขสิทธิ์สำหรับเอกสารที่เชื่อมโยง |
ถัดไป | มีลิงก์ไปยังเอกสารถัดไปในชุดเอกสาร |
pingback | ให้ที่อยู่ของเซิร์ฟเวอร์ pingback ที่จัดการ pingbacks ไปยังเอกสารที่เชื่อมโยงปัจจุบัน |
เชื่อมต่อล่วงหน้า | ระบุว่าเบราว์เซอร์ควรเชื่อมต่อกับที่มาของทรัพยากรเป้าหมายล่วงหน้า หากมี |
ดึงข้อมูลล่วงหน้า | ระบุว่าเบราว์เซอร์ควรดึงข้อมูลและแคชทรัพยากรเป้าหมายไว้ล่วงหน้าเนื่องจากจำเป็นสำหรับการติดตามการนำทางของเอกสาร |
โหลดล่วงหน้า | ระบุว่าตัวแทนเบราว์เซอร์ต้องดึงข้อมูลล่วงหน้าและแคชทรัพยากรเป้าหมายสำหรับการนำทางปัจจุบันตามปลายทางที่กำหนดโดยแอตทริบิวต์ "as" (และลำดับความสำคัญที่เกี่ยวข้องกับปลายทางนั้น ) |
แสดงล่วงหน้า | ระบุว่าเบราว์เซอร์ควรโหลดหน้าเว็บที่ระบุในพื้นหลัง ดังนั้น หากผู้ใช้มาที่หน้านี้ จะทำให้การโหลดหน้าเว็บเร็วขึ้น |
ก่อนหน้า | ระบุว่าเอกสารนี้เป็นส่วนหนึ่งของชุดข้อมูล และเอกสารชุดก่อนหน้าในซีรีส์เป็นเอกสารที่เชื่อมโยงที่อ้างอิง |
ค้นหา | มีลิงก์ไปยังแหล่งข้อมูลที่สามารถใช้ค้นหาในเอกสารปัจจุบันและหน้าที่เกี่ยวข้องได้ |
สไตล์ชีต | นำเข้าสไตล์ชีตในเอกสารปัจจุบัน |
ตัวอย่าง
เรามาดูตัวอย่างสำหรับ ลิงก์ที่เกี่ยวข้อง ทรัพย์สิน −
ลิงก์ rel
ในตัวอย่างข้างต้น ‘style.css’ ประกอบด้วย −
<ก่อน>แบบฟอร์ม { ความกว้าง:70%; ระยะขอบ:0 อัตโนมัติ; จัดข้อความ:ศูนย์;}* { ช่องว่างภายใน:2px; margin:5px;}input[type="button"] { border-radius:10px;}ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -