شرح صفوف ومحتوى الفقرة
يمثل عنصر الرابط
<link> وسماً أحادياً فارغاً يربط بين المستند الحالي وموارد خارجية مستقلة. يتولى هذا العنصر استدعاء ملفات التنسيق الخارجية، وأيقونات اللسان المفضلة، وروابط المصدر القياسية، وإشارات التحميل الشبكي المسبق فائقة السرعة.
يوضح الجدول المرجعي التالي أشهر أنواع العلاقات والروابط التقنية المدارة عبر خاصية
rel في تطبيقات الويب الحديثة:| نوع العلاقة | قيمة خاصية الرابط | وظيفة المورد في المستند |
|---|---|---|
| ملف تنسيق خارجي | rel="stylesheet" |
استدعاء قواعد وقوالب تنسيق CSS لبناء المظهر البصري |
| أيقونة لسان المتصفح | rel="icon" |
عرض أيقونة الهوية البصرية بجوار اسم الصفحة والمفضلة |
| الرابط القياسي الأصيل | rel="canonical" |
تحديد الرابط المعتمد لمنع مشاكل تكرار المحتوى بمحركات البحث |
| الاتصال الشبكي المسبق | rel="preconnect" |
بدء مصافحة الخادم وترجمة النطاق مبكراً لتسريع التحميل |
| التحميل المسبق ذو الأولوية | rel="preload" |
إلزام المتصفح بتنزيل الملفات الحيوية قبل اكتشافها في الشيفرة |
HTML
<!-- Core external resource links in head -->
<link rel="stylesheet" href="/css/main.css">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="canonical" href="https://example.com/tutorials/html">
<link rel="preconnect" href="https://fonts.googleapis.com">