عرض مصدر HTML/Link Types

<noinclude>{{DISPLAYTITLE:أنواع الروابط في HTML}}</noinclude>
تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

== <code>alternate</code> ==
يمكن تطبيق نوع الروابط <code>alternate</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

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

أما في الحالات الأخرى، فيمكنك استخدام نوع الروابط <code>alternate</code> للإشارة إلى:
* نوع آخر من الوسائط، مثل الصفحات الخاصة بالهواتف المحمولة (إذا ضبطت الخاصية <code>[[HTML/link#media|media]]</code>).
* صفحة بلغةٍ أخرى (إذا ضبطت الخاصية <code>[[HTML/link#hreflang|hreflang]]</code>).
* الصفحة بصيغة أخرى، مثل ملفات PDF (إذا ضبطت الخاصية <code>[[HTML/link#type|type]]</code>).
* أو تجميعة مما سبق.

== <code>author</code> ==
يمكن تطبيق نوع الروابط <code>author</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

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

== <code>bookmark</code> ==
يمكن تطبيق نوع الروابط <code>bookmark</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code>.

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

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

== <code>canonical</code> ==
يمكن تطبيق نوع الروابط <code>canonical</code> على العنصر <code>[[HTML/link|<link>]]</code>.

يساعد نوع الروابط <code>canonical</code> بمنع فهرسة المحتوى المكرر في الموقع بتحديد ما هي النسخة «المفضلة» من الصفحة لمحركات البحث. لاحظ أنَّ بعض الصفحات يمكن الوصول إليها من أكثر من رابط. فهذه الصفحة يمكن الوصول إليها باستخدام الرابط  https://wiki.hsoub.com/index.php?title=HTML/Link_Types أو https://wiki.hsoub.com/HTML/Link_Types

== <code>external</code> ==
يمكن تطبيق نوع الروابط <code>external</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code>.

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

== <code>first</code> ==
يمكن تطبيق نوع الروابط <code>first</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي <code>[[#last|last]]</code> و <code>[[#prev|prev]]</code> و <code>[[#next|next]]</code>.

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

== <code>help</code> ==
يمكن تطبيق نوع الروابط <code>help</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

أما إذا كان العنصر <code>[[HTML/link|<link>]]</code> فسيشير إلى مستند للمساعدة لكامل المستند.
== <code>icon</code> ==
يمكن تطبيق نوع الروابط <code>icon</code> على العنصر <code>[[HTML/link|<link>]]</code>.

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

الخاصيات <code>[[HTML/link#media|media]]</code> و <code>[[HTML/link#type|type]]</code> و <code>[[HTML/link#sizes|sizes]]</code> تسمح للمتصفح باختيار أنسب أيقونة، وإذا كان بالإمكان استخدام أكثر من مورد، فسيختار المتصفح آخرها.

ملاحظة: نظام iOS لا يستعمل نوع الروابط السابق، ولا الخاصية <code>sizes</code> كما تفعل بقية متصفحات الهواتف، وإنما يجب استخدام <code>[https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4 apple-touch-icon]</code> و <code>[https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW6 apple-touch-startup-image]</code>.

== <code>last</code> ==
يمكن تطبيق نوع الروابط <code>last</code> على العنصر  أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي <code>[[#first|first]]</code> و <code>[[#prev|prev]]</code> و <code>[[#next|next]]</code>.

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

== <code>license</code> ==
يمكن تطبيق نوع الروابط <code>license</code> على العنصر  أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

== <code>next</code> ==
يمكن تطبيق نوع الروابط <code>next</code> على العنصر  أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي <code>[[#first|first]]</code> و <code>[[#prev|prev]]</code> و <code>[[#last|last]]</code>.

== <code>nofollow</code> ==
يمكن تطبيق نوع الروابط <code>nofollow</code> على العنصر  أو <code>[[HTML/area|<area>]]</code>.

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

== <code>noreferrer</code> ==
يمكن تطبيق نوع الروابط <code>noreferrer</code> على العنصر  أو <code>[[HTML/area|<area>]]</code>.

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

== <code>pingback</code> ==
يمكن تطبيق نوع الروابط <code>pingback</code> على العنصر <code>[[HTML/link|<link>]]</code>.

وهو يحدِّد ما هو رابط URI الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة.
== <code>preconnect</code> ==
يمكن تطبيق نوع الروابط <code>preconnect</code> على العنصر <code>[[HTML/link|<link>]]</code>.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يفتح اتصالًا إلى الرابط المشار إليه في الرابط مسبقًا دون إرسال أيّة معلومات خاصة أو تنزيل أي محتوى، وبالتالي عند فتح الرابط فسيحمّل المحتوى بشكل أسرع.
== <code>prefetch</code> ==
يمكن تطبيق نوع الروابط <code>prefetch</code> على العنصر <code>[[HTML/link|<link>]]</code>.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن ينزِّل الرابط المشار إليه في الرابط مسبقًا.
== <code>preload</code> ==
يمكن تطبيق نوع الروابط <code>preload</code> على العنصر <code>[[HTML/link|<link>]]</code>.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يحمِّل الرابط المشار إليه في الرابط مسبقًا.
== <code>prerender</code> ==
يمكن تطبيق نوع الروابط <code>prerender</code> على العنصر <code>[[HTML/link|<link>]]</code>.

وهو يوفِّر تلميحةً إلى المتصفح تقترح أن يحمِّل الرابط المشار إليه في الرابط مسبقًا ويحاول عرضه في الكواليس لعرضه بسرعة عندما يحتاج له.
== <code>prev</code> ==
يمكن تطبيق نوع الروابط <code>prev</code> على العنصر  أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي <code>[[#first|first]]</code> و <code>[[#next|next]]</code> و <code>[[#last|last]]</code>.

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

== <code>search</code> ==
يمكن تطبيق نوع الروابط <code>search</code> على العنصر  أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>.

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

إذا كانت الخاصية <code>[[HTML/link#type|type]]</code> مضبوطةً إلى <code>application/opensearchdescription+xml</code> فيمكن استخدام واجهات OpenSearch المتوافرة في المتصفحات للبحث مباشرةً. 

== <code>shortlink</code> ==
يمكن تطبيق نوع الروابط <code>shortlink</code> على العنصر <code>[[HTML/link|<link>]]</code>.

الإشارة إلى الرابط المختصر للصفحة.
== <code>stylesheet</code> ==
يمكن تطبيق نوع الروابط <code>stylesheet</code> على العنصر <code>[[HTML/link|<link>]]</code>.

الإشارة إلى صفحة أنماط [[CSS]] خارجية، وإذا لم تضبط الخاصية <code>[[HTML/link#type|type]]</code> فسيعدّها المتصفح على أنها <code>text/css</code> افتراضيًا.

إذا استخدم هذا النوع مع <code>alternate</code>، فسيُعرِّف صفحة أنماط بديلة، لاحظ أنَّ الخاصية <code>[[HTML/link#title|title]]</code> يجب أن تكون مضبوطةً.
== <code>tag</code> ==
يمكن تطبيق نوع الروابط <code>tag</code> على العنصر  أو <code>[[HTML/area|<area>]]</code>.

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

==مصادر ومواصفات==
*مواصفة [https://w3c.github.io/preload/#x2.link-type-preload Preload].
*مسودة [https://www.w3.org/TR/resource-hints/#dfn-preconnect Resource Hints].
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-link-element HTML Living Standard].
*مواصفة [https://www.w3.org/TR/html50/document-metadata.html#the-link-element HTML5].
*مواصفة [https://www.w3.org/TR/html401/struct/links.html#h-12.3 HTML 4.01].
[[تصنيف:HTML|{{SUBPAGENAME}}]]