الفرق بين المراجعتين لصفحة: «HTML/Link Types»

من موسوعة حسوب
إضافة أقسام أخرى
إضافة أقسام جديدة
سطر 97: سطر 97:


وهو يحدِّد ما هو رابط 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>.
يستخدم للإشارة إلى أنَّ الرابط يؤدي إلى مستند يصف «الوسم» الذي يُطبَّق على هذا المستند.

مراجعة 09:01، 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 الخارجي الذي يجب استدعاؤه إذا أراد أحدهم التعليق أو الاقتباس من الصفحة.

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>.

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