الفرق بين المراجعتين لصفحة: «HTML/Link Types»
إضافة أقسام أخرى |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
(3 مراجعات متوسطة بواسطة مستخدم واحد آخر غير معروضة) | |||
سطر 1: | سطر 1: | ||
تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | <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>alternate</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</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>[[HTML/link|<link>]]</code> وكانت تحتوي الخاصية <code>[[HTML/link#rel|rel]]</code> أيضًا على النوع <code>stylesheet</code>، فهذا الرابط يعرِّف أنماطًا بديلةً، وفي تلك الحالة يجب أن تكون الخاصية <code>[[HTML/type#title|title]]</code> موجودةً وقيمتها ليست فارغةً. | ||
سطر 15: | سطر 16: | ||
== <code>author</code> == | == <code>author</code> == | ||
يمكن تطبيق نوع الروابط <code>author</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | يمكن تطبيق نوع الروابط <code>author</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | ||
يشير نوع الروابط <code>author</code> إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه. | يشير نوع الروابط <code>author</code> إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه. | ||
سطر 22: | سطر 23: | ||
== <code>bookmark</code> == | == <code>bookmark</code> == | ||
يمكن تطبيق نوع الروابط <code>bookmark</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code>. | يمكن تطبيق نوع الروابط <code>bookmark</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code>. | ||
يشير نوع الروابط <code>bookmark</code> إلى أنَّ هذا الرابط هو رابطٌ دائمٌ لأقرب عنصر <article>، وإذا لم يكن هنالك عنصر <article> فسيعد رابطًا دائمًا لأقرب قسم من أقسام المستند الذي ينتمي إليه هذا الرابط. | يشير نوع الروابط <code>bookmark</code> إلى أنَّ هذا الرابط هو رابطٌ دائمٌ لأقرب عنصر <article>، وإذا لم يكن هنالك عنصر <article> فسيعد رابطًا دائمًا لأقرب قسم من أقسام المستند الذي ينتمي إليه هذا الرابط. | ||
سطر 34: | سطر 35: | ||
== <code>external</code> == | == <code>external</code> == | ||
يمكن تطبيق نوع الروابط <code>external</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code>. | يمكن تطبيق نوع الروابط <code>external</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code>. | ||
نوع الروابط <code>external</code> يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع. | نوع الروابط <code>external</code> يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع. | ||
== <code>first</code> == | == <code>first</code> == | ||
يمكن تطبيق نوع الروابط <code>first</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | يمكن تطبيق نوع الروابط <code>first</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | ||
يشير نوع الروابط <code>first</code> إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية. | يشير نوع الروابط <code>first</code> إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية. | ||
سطر 48: | سطر 49: | ||
== <code>help</code> == | == <code>help</code> == | ||
يمكن تطبيق نوع الروابط <code>help</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | يمكن تطبيق نوع الروابط <code>help</code> على العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. | ||
إذا كان العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> فسيشير نوع الروابط <code>help</code> إلى أنَّ الرابط يؤدي إلى مصدر فيه معلومات أكثر عن العنصر الأب لعنصر الرابط. | إذا كان العنصر <code><a></code> أو <code>[[HTML/area|<area>]]</code> فسيشير نوع الروابط <code>help</code> إلى أنَّ الرابط يؤدي إلى مصدر فيه معلومات أكثر عن العنصر الأب لعنصر الرابط. | ||
أما إذا كان العنصر <code>[[HTML/link|<link>]]</code> فسيشير إلى مستند للمساعدة لكامل المستند. | أما إذا كان العنصر <code>[[HTML/link|<link>]]</code> فسيشير إلى مستند للمساعدة لكامل المستند. | ||
سطر 97: | سطر 98: | ||
وهو يحدِّد ما هو رابط URI الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة. | وهو يحدِّد ما هو رابط 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}}]] |
المراجعة الحالية بتاريخ 16:08، 7 أكتوبر 2022
تشير أنواع الروابط في مستندات 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
بمنع فهرسة المحتوى المكرر في الموقع بتحديد ما هي النسخة «المفضلة» من الصفحة لمحركات البحث. لاحظ أنَّ بعض الصفحات يمكن الوصول إليها من أكثر من رابط. فهذه الصفحة يمكن الوصول إليها باستخدام الرابط https://wiki.hsoub.com/index.php?title=HTML/Link_Types أو https://wiki.hsoub.com/HTML/Link_Types
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>
.
يستخدم للإشارة إلى أنَّ الرابط يؤدي إلى مستند يصف «الوسم» الذي يُطبَّق على هذا المستند.
مصادر ومواصفات
- مواصفة Preload.
- مسودة Resource Hints.
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.