แท็ก <link> กำหนดลิงก์ไปยังเอกสารภายนอก วางใน <head> ใช้สำหรับ CSS, favicon, preload, canonical, alternate languages
แอตทริบิวต์สำคัญ
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| rel | stylesheet, icon, preload, prefetch, canonical, alternate, next, prev | ความสัมพันธ์กับเอกสารปัจจุบัน |
| href | URL | ที่อยู่ทรัพยากร |
| type | MIME type | ประเภทเนื้อหา |
| media | screen, print, all | อุปกรณ์เป้าหมาย |
| hreflang | language code | ภาษาของเอกสารปลายทาง |
| sizes | WxH | ขนาดไอคอน (สำหรับ rel=icon) |
| crossorigin | anonymous, use-credentials | CORS setting |
ตัวอย่าง
<!DOCTYPE html> <html> <head> <title>HTML link Tag</title> <link rel="stylesheet" href="stylenew.css"> </head> <body> <div id="contentinfo"> <p>ยินดีต้อนรับสู่เว็บไซต์ของเรา ให้บทเรียนต่างๆ</p> </div> </body> </html>
ใช้ rel="preload" โหลดทรัพยากรสำคัญล่วงหน้า rel="canonical" ป้องกัน duplicate content SEO
