علامة <link> في HTML

  • الصفحة السابقة <li>
  • الصفحة التالية <main>

التعريف والاستخدام

<link> يحدد العنصر علاقة المستند الحالي والمصادر الخارجية.

<link> يستخدم العنصر غالبًا لرابط إلى جدول خارجي للنمط أو إضافة أيقونة إلى الموقع.

<link> العنصر هو عنصر فارغ، ويحتوي فقط على خصائص.

انظر أيضًا:

دليل HTMLنمط HTML

دليل HTML DOMمفهوم رابط

مثال

رابط إلى جدول خارجي للنمط:

<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 نوع الوسائط يحدد نوع وسائل الإعلام للملف المlinked.

خصائص العالمية

<link> يدعم العنصر خصائص العالمية في HTML.

خصائص الحدث

<link> يدعم العنصر خصائص الحدث في HTML.

إعدادات CSS الافتراضية

سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية <link> العنصر:

link {
  display: none;
}

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم
  • الصفحة السابقة <li>
  • الصفحة التالية <main>