پیوند منبع (link)
تگ «پیوند منبع (Link)» رابطه صفحه با یک منبع بیرونی است. معمولاً برای وصل کردن «برگه استایل (stylesheet)» یا افزودن «فاوآیکون (favicon)» استفاده می شود. این تگ خالی است و فقط ویژگی دارد.
تعریف و کاربرد
طبق منبع، <link> رابطه سند با یک منبع خارجی را تعریف می کند. بیشترین کاربرد آن، اتصال فایل CSS خارجی یا افزودن فاوآیکون به وب سایت است.
مثال: اتصال فایل CSS خارجی
<head>
<link rel="stylesheet" href="styles.css">
</head>
ویژگی های مهم link
rel: نوع رابطه را مشخص می کند. نمونه:stylesheet.href: آدرس منبع پیوندشده را تعیین می کند.media: دستگاه یا رسانه هدف را تعیین می کند.sizes: فقط برایrel="icon"اندازه آیکون را می گوید.crossorigin: نحوه درخواست کراس اُرجین را تعیین می کند.referrerpolicy: ارجاع دهنده ارسال شده را مشخص می کند.hreflang: زبان محتوای منبع را تعیین می کند.type: نوع رسانه منبع را مشخص می کند.title: استایل شیـت ترجیحی یا جایگزین را معرفی می کند.
مقدار پیش فرض CSS
طبق منبع، مرورگرها link را این گونه نمایش می دهند:
link {
display: none;
}
گام های تمرینی سریع
- یک فایل
styles.cssبساز و یک قانون ساده بنویس. - با
linkوrel="stylesheet"آن را وصل کن. - با
mediaنمایش فایل را برای موبایل محدود کن.
نکته: برای فاوآیکون از rel="icon" و ویژگی sizes استفاده کن.
لینک های داخلی مرتبط
راهنمای پیوند منبع را با صفحه فاوآیکون کنار هم بخوان. سپس سراغ مورد فهرست برای تمرین ساخت منو برو.
جمع بندی سریع
<link>فقط ویژگی دارد و محتوایی ندارد.relوhrefضروری ترین ها هستند.- پرکاربرد: اتصال CSS و افزودن فاوآیکون.
- می توان با
mediaهدف نمایش را محدود کرد.