در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<link> آشنا ميشويم. اين تگ براي اتصال فايلهاي خارجي مانند CSS، آيکونها يا پيشبارگذاري
منابع در صفحه وب استفاده ميشود.
تگ link در HTML چيست؟
تگ <link> يک عنصر خالي (self-closing) است که معمولاً در بخش <head>
صفحات HTML قرار ميگيرد و براي ارتباط با منابع خارجي استفاده ميشود.
مثال ساده از تگ link براي CSS
<head>
<link rel="stylesheet" href="style.css">
</head>
در اين مثال، فايل CSS خارجي style.css به صفحه HTML متصل شده است و استايلها اعمال ميشوند.
مثال از تگ link براي آيکون سايت (favicon)
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>ويژگيهاي مهم تگ link
| ويژگي | توضيح |
|---|---|
| rel | نوع رابطه با منبع (مثل stylesheet, icon, prefetch) |
| href | آدرس فايل خارجي يا منبع |
| type | نوع محتوا (مثلاً text/css) |
| media | مشخص کردن دستگاه يا رسانه هدف (مثلاً screen, print) |
نکات مهم درباره link
- تگ
<link>هميشه در<head>قرار ميگيرد. - اين تگ عنصر خالي است و نيازي به تگ بسته ندارد.
- براي اتصال فايلهاي CSS و آيکونها استفاده ميشود، اما ميتواند براي prefetch، preload و … نيز کاربرد داشته باشد.
براي يادگيري کامل مديريت منابع خارجي و استايلدهي در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ li در HTML
آموزش بعدي: تگ main در HTML
دیدگاه و پرسش