تگ link در HTML: راهنمای جامع
تگ <link> یکی از عناصر کلیدی در HTML است که برای ایجاد ارتباط بین سند فعلی و منابع خارجی استفاده می‌شود. این تگ معمولاً در بخش <head> سند قرار می‌گیرد و نقش مهمی در بارگذاری استایل‌ها، فونت‌ها، آیکون‌ها و سایر منابع دارد.
کاربردهای اصلی تگ link
- اتصال به فایل‌های CSS خارجی
- تعریف favicon برای وب‌سایت
- بارگذاری فونت‌های سفارشی
- ارتباط با اسناد جایگزین (مانند نسخه چاپی)
| ویژگی |
توضیح |
| rel |
نوع رابطه بین سند و منبع پیوند شده را مشخص می‌کند |
| href |
آدرس منبع خارجی را تعیین می‌کند |
| type |
نوع MIME منبع را مشخص می‌کند |
تگ link یک تگ self-closing است و محتوایی بین تگ باز و بسته ندارد. این تگ فقط ویژگی‌های مختلفی را دریافت می‌کند.
مثال‌های کاربردی
برای اتصال به یک فایل CSS خارجی:
<link rel="stylesheet" href="styles.css" type="text/css">
برای تعریف favicon (آیکون وب‌سایت):
<link rel="icon" href="favicon.ico" type="image/x-icon">
برای اطلاعات بیشتر درباره تگ link در HTML می‌توانید تگ link در HTML و به منبع معتبر مراجعه کنید.
نکات مهم در استفاده از تگ link
- همیشه ویژگی rel را مشخص کنید
- از آدرس‌های نسبی یا مطلق معتبر استفاده نمایید
- برای فایل‌های CSS ترتیب بارگذاری مهم است
- از تگ‌های link متعدد می‌توان برای منابع مختلف استفاده کرد
توجه: تگ link برخلاف تگ a، برای کاربران قابل مشاهده نیست و فقط توسط مرورگر پردازش می‌شود. این تگ ارتباط بین اسناد را در پشت صحنه برقرار می‌کند.
