ตัวอย่าง
เชื่อมโยงไปยังแผ่นลักษณะภายนอก:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
ลองตัวเอง» ความหมายและการใช้งาน
<link> แท็กกำหนดการเชื่อมโยงระหว่างเอกสารและทรัพยากรภายนอก
<link> แท็กที่ใช้ในการเชื่อมโยงไปยังแผ่นลักษณะภายนอก
สนับสนุนเบราว์เซอร์
เมื่อนำมาใช้สำหรับแผ่นสไตล์ <link> แท็กได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด ไม่มีการสนับสนุนที่แท้จริงสำหรับสิ่งอื่นใด
| ธาตุ | |||||
|---|---|---|---|---|---|
| <link> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
หมายเหตุ: <link> องค์ประกอบเป็นองค์ประกอบที่ว่างเปล่ามันมีคุณลักษณะเฉพาะ
หมายเหตุ: องค์ประกอบนี้ไปเฉพาะในส่วนหัว แต่มันสามารถปรากฏจำนวนครั้งใด
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
บาง HTML 4.01 แอตทริบิวต์ไม่สนับสนุนใน HTML5
"sizes" แอตทริบิวต์เป็นของใหม่ใน HTML5
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML <link> แท็กไม่มีแท็กปิด
ใน XHTML ซึ่ง <link> แท็กจะต้องปิดอย่างถูกต้อง
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| charset | char_encoding | ได้รับการสนับสนุนใน HTML5 ระบุการเข้ารหัสอักขระของเอกสารที่เชื่อมโยง |
| crossorigin | anonymous use-credentials | ระบุวิธีองค์ประกอบจัดการการร้องขอข้ามกำเนิด |
| href | URL | ระบุตำแหน่งของเอกสารที่เชื่อมโยง |
| hreflang | language_code | ระบุภาษาของข้อความในเอกสารที่เชื่อมโยง |
| media | media_query | ระบุกับอุปกรณ์ที่เชื่อมโยงกับเอกสารที่จะแสดง |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | จำเป็นต้องใช้ ระบุความสัมพันธ์ระหว่างเอกสารปัจจุบันและเอกสารที่เชื่อมโยง |
| rev | reversed relationship | ได้รับการสนับสนุนใน HTML5 ระบุความสัมพันธ์ระหว่างเอกสารเชื่อมโยงและเอกสารปัจจุบัน |
| sizes | HeightxWidth any | ระบุขนาดของทรัพยากรที่เชื่อมโยง เฉพาะ rel = "ไอคอน" |
| target | _blank _self _top _parent frame_name | ได้รับการสนับสนุนใน HTML5 ระบุว่าเอกสารที่เชื่อมโยงที่จะโหลด |
| type | media_type | ระบุชนิดของสื่อของเอกสารที่เชื่อมโยง |
แอตทริบิวต์ทั่วโลก
<link> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<link> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: รูปแบบ HTML
อ้างอิง HTML DOM: การเชื่อมโยงวัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <link> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
link {
display: none;
}