الفرق بين المراجعتين ل"HTML/Link Types"
(إنشاء الصفحة مع المحتوى الأولي) |
(إضافة أقسام أخرى) |
||
| سطر 1: | سطر 1: | ||
| − | تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر <code> | + | تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. |
== <code>alternate</code> == | == <code>alternate</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>alternate</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>alternate</code> على العنصر <code></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: | سطر 15: | ||
== <code>author</code> == | == <code>author</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>author</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>author</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. |
يشير نوع الروابط <code>author</code> إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه. | يشير نوع الروابط <code>author</code> إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه. | ||
| سطر 22: | سطر 22: | ||
== <code>bookmark</code> == | == <code>bookmark</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>bookmark</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>bookmark</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code>. |
يشير نوع الروابط <code>bookmark</code> إلى أنَّ هذا الرابط هو رابطٌ دائمٌ لأقرب عنصر <article>، وإذا لم يكن هنالك عنصر <article> فسيعد رابطًا دائمًا لأقرب قسم من أقسام المستند الذي ينتمي إليه هذا الرابط. | يشير نوع الروابط <code>bookmark</code> إلى أنَّ هذا الرابط هو رابطٌ دائمٌ لأقرب عنصر <article>، وإذا لم يكن هنالك عنصر <article> فسيعد رابطًا دائمًا لأقرب قسم من أقسام المستند الذي ينتمي إليه هذا الرابط. | ||
| سطر 34: | سطر 34: | ||
== <code>external</code> == | == <code>external</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>external</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>external</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code>. |
نوع الروابط <code>external</code> يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع. | نوع الروابط <code>external</code> يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع. | ||
== <code>first</code> == | == <code>first</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>first</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>first</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. |
يشير نوع الروابط <code>first</code> إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية. | يشير نوع الروابط <code>first</code> إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية. | ||
| سطر 48: | سطر 48: | ||
== <code>help</code> == | == <code>help</code> == | ||
| − | يمكن تطبيق نوع الروابط <code>help</code> على العنصر <code> | + | يمكن تطبيق نوع الروابط <code>help</code> على العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> أو <code>[[HTML/link|<link>]]</code>. |
| − | إذا كان العنصر <code> | + | إذا كان العنصر <code></code> أو <code>[[HTML/area|<area>]]</code> فسيشير نوع الروابط <code>help</code> إلى أنَّ الرابط يؤدي إلى مصدر فيه معلومات أكثر عن العنصر الأب لعنصر الرابط. |
أما إذا كان العنصر <code>[[HTML/link|<link>]]</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 الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة. | ||
مراجعة 08:34، 4 مارس 2018
تشير أنواع الروابط في مستندات HTML إلى العلاقة بين مستندين، والتي يُشير فيها أحدهما إلى الآخر باستخدام العنصر أو <area> أو <link>.
alternate
يمكن تطبيق نوع الروابط alternate على العنصر أو <area> أو <link>.
إذا كان العنصر هو <link> وكانت تحتوي الخاصية rel أيضًا على النوع stylesheet، فهذا الرابط يعرِّف أنماطًا بديلةً، وفي تلك الحالة يجب أن تكون الخاصية title موجودةً وقيمتها ليست فارغةً.
إذا ضبطت الخاصية type إلى application/rss+xml أو application/atom+xml فهذا الرابط يشير إلى ملف التغذية، وأول ملف معرَّف في الصفحة هو الملف الافتراضي.
أما في الحالات الأخرى، فيمكنك استخدام نوع الروابط alternate للإشارة إلى:
- نوع آخر من الوسائط، مثل الصفحات الخاصة بالهواتف المحمولة (إذا ضبطت الخاصية
media). - صفحة بلغةٍ أخرى (إذا ضبطت الخاصية
hreflang). - الصفحة بصيغة أخرى، مثل ملفات PDF (إذا ضبطت الخاصية
type). - أو تجميعة مما سبق.
author
يمكن تطبيق نوع الروابط author على العنصر أو <area> أو <link>.
يشير نوع الروابط author إلى صفحة تصف الكاتب أو توفر طريقةً للتواصل معه.
ملاحظة: يمكن أن يكون الرابط من النوع mailto (أي لإرسال رسالة بريدية مباشرةً)، لكن ذلك ليس مستحسنًا في الصفحات العامة لأنَّ بعض البرمجيات تبحث عن عناوين البريد الإلكتروني لترسل بريدًا عشوائيًا إليها. لذا من الأفضل في هذه الحالة برمجة صفحة تحتوي على نموذج للمراسلة.
bookmark
يمكن تطبيق نوع الروابط bookmark على العنصر أو <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 على العنصر أو <area>.
نوع الروابط external يشير إلى أنَّ الرابط سيؤدي إلى مورد خارج الموقع الذي يحتوي على الصفحة الحالية، وهذا يعني أنَّ اتباع هذا الرابط سيؤدي إلى خروج المستخدم من الموقع.
first
يمكن تطبيق نوع الروابط first على العنصر أو <area> أو <link>.
يشير نوع الروابط first إلى أنَّ الرابط يشير إلى أول صفحة في سلسلة الصفحات التي تحتوي على الصفحة الحالية.
ملاحظة: أنواع الروابط الأخرى التي تشير إلى تسلسل الصفحات هي last و prev و next.
لاحظ أنَّ عليك تفادي استخدام نوع الروابط begin و start لأنها خطأ.
help
يمكن تطبيق نوع الروابط help على العنصر أو <area> أو <link>.
إذا كان العنصر أو <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 الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة.