خصائص rel في HTML <link>

تسمية <link> في HTML

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

مطلوب rel يحدد الخاصية العلاقة بين الوثيقة الحالية والموثقة المربوطة/الموارد.

مثال

مثال 1

يقدم استيراد جدول استyles.css الخارجي:

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

جربها بنفسك

مثال 2

هذه هي الطريقة التي يتم بها إضافة أيقونة الموقع إلى الموقع.

<!DOCTYPE html>
<html>
<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

النحو

<link rel="القيمة">

قيمة الخاصية

القيمة الوصف
البديل

يقدم رابطاً إلى التمثيل البديل للوثيقة (مثل صفحة الطباعة أو الترجمة أو المرآة).

مثال: <link rel="alternate" type="application/atom+xml" href="/blog/news/atom">
الكاتب يقدم رابطاً إلى وثيقة الكاتب للوثيقة.
dns-prefetch يحدد أن يسبق المتصفح تنفيذ تحليل DNS للمصدر الذي يحتوي على الموارد المستهدفة.
المساعدة

يقدم رابطاً إلى وثيقة المساعدة.

مثال: <link rel="help" href="/help/">
الرمز

يقدم رمز الوثيقة.

مثال: <link rel="icon" href="favicon.ico" type="image/x-icon">
الترخيص يقدم رابطاً إلى معلومات حقوق التأليف للوثيقة.
التالي يقدم رابطاً إلى الوثيقة التالية في السلسلة.
pingback يقدم عنوان الخادم الذي يقدم خدمة pingback للpingback الحالي للوثيقة.
preconnect يحدد أن المتصفح يجب أن يتصل مسبقًا بالمصدر الذي تحتوي الموارد عليه.
prefetch يحدد أن المتصفح يجب أن يحصل مسبقًا ويخزن الموارد المستهدفة لأنها قد تُستخدم في التصفح اللاحق.
preload يحدد أن وكيل المتصفح يجب أن يحصل مسبقًا ويخزن الموارد المستهدفة بناءً على الوجهة المحددة في سمة "as" (وأي ترتيب مرتبط بالوجهة).
prerender

يحدد أن المتصفح يجب أن يترجح (يحمّل) الصفحة المحددة في الخلفية.

إذا انتقل المستخدم إلى هذه الصفحة، سيقوم بتسريع وقت تحميل الصفحة ( لأن الصفحة قد تم تحميلها مسبقًا ).

تحذير! هذا سيفقدهم بيانات الاتصال! استخدم الترجيح المسبق فقط عندما تكون متأكدًا تمامًا أن هذا الصفحة ضرورية في مرحلة معينة من تصفح المستخدم.
prev يحدد أن هذا الملف هو جزء من سلسلة، وأن الملف السابق في هذه السلسلة هو الملف المشار إليه.
search يقدم الروابط إلى الموارد التي يمكن استخدامها للبحث في الوثيقة الحالية والمواقع ذات الصلة.
stylesheet استيراد جدول الأنماط.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

تسمية <link> في HTML