برچسب <link> HTML

تعریف و استفاده

<link> برچسب تعریف می‌کند که رابطه مستند فعلی با منابع خارجی چیست.

<link> برچسب معمولاً برای پیوند به استایل‌های خارجی یا اضافه کردن آیکون به وب‌سایت استفاده می‌شود.

<link> عنصر خالی است، که تنها شامل ویژگی‌ها است.

لطفاً به اینجا نیز مراجعه کنید:

آموزش HTMLاستایل‌های HTML

دستورالعمل‌های HTML DOMاشیاء Link

مثال

پیوند به استایل‌های خارجی:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

به طور شخصی امتحان کنید

ویژگی

ویژگی مقدار توضیح
crossorigin
  • anonymous
  • use-credentials
 تعیین می‌کند که چگونه عناصر چگونه درخواست‌های بین‌منبع را پردازش می‌کنند.
href URL تعیین می‌کند که مستند پیوند شده در کجا قرار دارد.
hreflang کد صوتی تعیین می‌کند که زبان متن مستند پیوند شده چیست.
media پرسش‌وپاسخ رسانه‌ای تعیین می‌کند که مستند پیوند شده در چه دستگاهی نمایش داده خواهد شد.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 تعیین می‌کند که از کدام مرجع برای دسترسی به منابع استفاده شود.
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 ضروری است. تعیین می‌کند که رابطه بین مستند فعلی و مستند پیوند شده چیست.
sizes
  • HeightxWidth
  • هر
 اندازه منابع پیوند شده را تعیین می‌کند. تنها برای rel="icon" قابل استفاده است.
title طرح‌های پیشنهادی یا جایگزین را تعریف می‌کند.
type نوع رسانه نوع رسانه‌ای مستند پیوندی را مشخص می‌کند.

خصوصیات جهانی

<link> این برچسب‌ها نیز از خصوصیات رویداد پشتیبانی می‌کنند خصوصیات جهانی در HTML.

خصوصیات رویداد

<link> این برچسب‌ها نیز از خصوصیات رویداد پشتیبانی می‌کنند خصوصیات رویداد در HTML.

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <link> عنصر:

link {
  display: none;
}

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی