# أنواع الروابط في HTML

> تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر أو أو .

- Canonical URL: https://coreiten.com/article/أنواع-الروابط-في-html
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-06-06T00:00:00+03:00
- Modified: 2026-01-30T23:23:49+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: روابط html, انواع الروابط في html, عناصر الروابط, تعلم html من الصفر

---

**أنواع الروابط في HTML**

تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر `<a>` أو `<area>` أو `<link>`.

## alternate

يمكن تطبيق نوع الروابط `alternate` على العنصر `<a>` أو `<area>` أو `<link>`.

إذا كان العنصر هو `<link>` وكانت تحتوي الخاصية `rel` أيضًا على النوع `stylesheet`، فهذا الرابط يعرِّف أنماطًا بديلةً، وفي تلك الحالة يجب أن تكون الخاصية `title` موجودةً وقيمتها ليست فارغةً.

إذا ضبطت الخاصية `type` إلى `application/rss+xml` أو `application/atom+xml` فهذا الرابط يشير إلى ملف التغذية، وأول ملف معرَّف في الصفحة هو الملف الافتراضي.

أما في الحالات الأخرى، فيمكنك استخدام نوع الروابط `alternate` للإشارة إلى:

- نوع آخر من الوسائط، مثل الصفحات الخاصة بالهواتف المحمولة (إذا ضبطت الخاصية `media`).
- صفحة بلغةٍ أخرى (إذا ضبطت الخاصية `hreflang`).
- الصفحة بصيغة أخرى، مثل ملفات PDF (إذا ضبطت الخاصية `type`).
- أو تجميعة مما سبق.

## author

يمكن تطبيق نوع الروابط `author` على العنصر `<a>` أو `<area>` أو `<link>`.

يشير نوع الروابط `author` إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه.

 **ملاحظة: يمكن أن يكون الرابط من النوع mailto (أي لإرسال رسالة بريدية مباشرةً)، لكن ذلك ليس مستحسنًا في الصفحات العامة لأنَّ بعض البرمجيات تبحث عن عناوين البريد الإلكتروني لترسل بريدًا عشوائيًا إليها. لذا من الأفضل في هذه الحالة برمجة صفحة تحتوي على نموذج للمراسلة.**

## bookmark

يمكن تطبيق نوع الروابط `bookmark` على العنصر `<a>` أو `<area>`.

يشير نوع الروابط `bookmark` إلى أنَّ هذا الرابط هو رابطٌ دائمٌ لأقرب عنصر <article>، وإذا لم يكن هنالك عنصر <article> فسيعد رابطًا دائمًا لأقرب قسم من أقسام المستند الذي ينتمي إليه هذا الرابط.

هذا يسمح بإضافة مقالة مفردة إلى المفضلة في صفحة تحتوي على عدّة مقالات، كما في المدونات التي تعطي تقارير شهرية.

## canonical

يمكن تطبيق نوع الروابط `canonical` على العنصر `<link>`.

يساعد نوع الروابط `canonical` بمنع فهرسة المحتوى المكرر في الموقع بتحديد ما هي النسخة «المفضلة» من الصفحة لمحركات البحث. لاحظ أنَّ بعض الصفحات يمكن الوصول إليها من أكثر من رابط.

## external

يمكن تطبيق نوع الروابط `external` على العنصر `<a>` أو `<area>`.

نوع الروابط `external` يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع.

## first

يمكن تطبيق نوع الروابط `first` على العنصر `<a>` أو `<area>` أو `<link>`.

يشير نوع الروابط `first` إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية.

 **ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي `last `و `prev` و `next`.**

لاحظ أنَّ عليك تفادي استخدام نوع الروابط `begin` و `start` لأنها خطأ.

## help

يمكن تطبيق نوع الروابط `help` على العنصر `<a>` أو `<area>` أو `<link>`.

إذا كان العنصر `<a>` أو `<area>` فسيشير نوع الروابط `help` إلى أنَّ الرابط يؤدي إلى مصدر فيه معلومات أكثر عن العنصر الأب لعنصر الرابط.

أما إذا كان العنصر `<link>` فسيشير إلى مستند للمساعدة لكامل المستند.

## icon

يمكن تطبيق نوع الروابط `icon` على العنصر `<link>`.

يستخدم نوع الروابط `icon` للإشارة إلى الموارد التي تُمثِّل الصفحة في واجهة المستخدم، وعادةً تكون أيقونة.

الخاصيات `media` و `type` و `sizes` تسمح للمتصفح باختيار أنسب أيقونة، وإذا كان بالإمكان استخدام أكثر من مورد، فسيختار المتصفح آخرها.

 **ملاحظة: نظام iOS لا يستعمل نوع الروابط السابق، ولا الخاصية `sizes` كما تفعل بقية متصفحات الهواتف، وإنما يجب استخدام `apple-touch-icon` و `apple-touch-startup-image`.**

## last

يمكن تطبيق نوع الروابط `last` على العنصر أو `<area>` أو `<link>`.

يشير نوع الروابط `last` إلى أنَّ الرابط يشير إلى آخر صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية.

 **ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي `first` و `prev` و `next`.**

لاحظ أنَّ عليك تفادي استخدام نوع الروابط `end` لأنه خطأ.

## license

يمكن تطبيق نوع الروابط `license` على العنصر أو `<area>` أو `<link>`.

يشير هذا النوع إلى أنَّ الرابط يؤدي إلى مستند يشرح معلومات الترخيص. إذا لم يكن الرابط موجودً ضمن العنصر `<head>`، فلا يوضِّح المعيار إذا كان سيُطبَّق على كامل المستند أو على جزءٍ منه.

## next

يمكن تطبيق نوع الروابط `next` على العنصر أو `<area>` أو `<link>`.

يشير نوع الروابط `next` إلى أنَّ الرابط يشير إلى الصفحة التالية في سلسلة الصفحات التي تحتوي على الصفحة الحالية.

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي `first` و `prev` و `last`.

## nofollow

يمكن تطبيق نوع الروابط `nofollow` على العنصر أو `<area>`.

يستخدم هذا النوع للإشارة إلى أنَّ المستند الهدف لم يكتب من مؤلف هذه الصفحة، أي أنَّه لا يملك تحكمًا به، أو أنَّه رابط دعائي.

## noreferrer

يمكن تطبيق نوع الروابط `noreferrer` على العنصر أو `<area>`.

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

## pingback

يمكن تطبيق نوع الروابط `pingback` على العنصر `<link>`.

وهو يحدِّد ما هو رابط URI الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة.

## preconnect

يمكن تطبيق نوع الروابط `preconnect` على العنصر `<link>`.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يفتح اتصالًا إلى الرابط المشار إليه في الرابط مسبقًا دون إرسال أيّة معلومات خاصة أو تنزيل أي محتوى، وبالتالي عند فتح الرابط فسيحمّل المحتوى بشكل أسرع.

## prefetch

يمكن تطبيق نوع الروابط `prefetch` على العنصر `<link>`.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن ينزِّل الرابط المشار إليه في الرابط مسبقًا.

## preload

يمكن تطبيق نوع الروابط `preload` على العنصر `<link>`.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يحمِّل الرابط المشار إليه في الرابط مسبقًا.

## prerender

يمكن تطبيق نوع الروابط `prerender` على العنصر `<link>`.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يحمِّل الرابط المشار إليه في الرابط مسبقًا ويحاول عرضه في الكواليس لعرضه بسرعة عندما يحتاج له.

## prev

يمكن تطبيق نوع الروابط `prev` على العنصر أو `<area>` أو `<link>`.

يشير نوع الروابط `prev` إلى أنَّ الرابط يشير إلى الصفحة التالية في سلسلة الصفحات التي تحتوي على الصفحة الحالية.

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي `first` و `next` و `last`.

لاحظ أنَّ عليك تفادي استخدام نوع الروابط `previous` لأنه خطأ.

## search

يمكن تطبيق نوع الروابط `search` على العنصر أو `<area>` أو `<link>`.

يشير إلى أنَّ الرابط يؤدي إلى مستند الذي تكون واجهته مخصصةً للبحث في المستند أو الموقع.

إذا كانت الخاصية `type` مضبوطةً إلى `application/opensearchdescription+xml` فيمكن استخدام واجهات OpenSearch المتوافرة في المتصفحات للبحث مباشرةً.

## shortlink

يمكن تطبيق نوع الروابط `shortlink` على العنصر `<link>`.

الإشارة إلى الرابط المختصر للصفحة.

## stylesheet

يمكن تطبيق نوع الروابط `stylesheet` على العنصر `<link>`.

الإشارة إلى صفحة أنماط CSS خارجية، وإذا لم تضبط الخاصية `type` فسيعدّها المتصفح على أنها `text/css` افتراضيًا.

إذا استخدم هذا النوع مع `alternate`، فسيُعرِّف صفحة أنماط بديلة، لاحظ أنَّ الخاصية `title` يجب أن تكون مضبوطةً.

## tag

يمكن تطبيق نوع الروابط `tag` على العنصر أو `<area>`.

يستخدم للإشارة إلى أنَّ الرابط يؤدي إلى مستند يصف «الوسم» الذي يُطبَّق على هذا المستند.

## مواضيع ذات صلة

- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)