แท็ก <link> ใช้ใน HTML เพื่อกำหนดความสัมพันธ์กับทรัพยากรภายนอก มักใช้เชื่อมไฟล์ CSS ภายนอก (external style sheets) วางภายในแท็ก <head>...</head> และ ไม่มีแท็กปิด
แอตทริบิวต์ href ใช้ระบุพาธ/ลิงก์ของไฟล์ CSS
ตัวอย่าง: รวม CSS ภายนอก
ไฟล์ HTML:
<!DOCTYPE html> <html>
<head>
<link rel="stylesheet" href="mystyles.css">
</head>
<body>
<h1>Heading</h1>
<p>This is demo content.</p>
</body>
</html>
ไฟล์ mystyles.css:
h1 { color: green; }
p { font-size: 14px; }
แอตทริบิวต์สำคัญของ <link>
rel="stylesheet"– ระบุว่าเป็นไฟล์สไตล์ชีท (บังคับ)href– พาธของไฟล์ CSS (บังคับ)type="text/css"– MIME type (optional ใน HTML5)media– เงื่อนไข media query (เช่นmedia="print")
ข้อดีของ External CSS: แคชได้ ใช้ร่วมหลายหน้า บำรุงรักษาง่าย แยกเนื้อหากับรูปแบบ
