سمة rel: كل القيم وأين تعمل كل واحدة

ما علاقة الرابط؟

علاقة الرابط هي قيمة السمة rel: فهي stylesheet في عنصر link، وnoopener في رابط، وcanonical الذي يخبر محركات البحث أي العناوين تفضّل. وهي تقول ما الشيء الذي في الطرف الآخر من الرابط بالنسبة إلى الشيء الذي يحتويه.

وتتولى IANA سجلّها: مئة وأربع وثلاثون علاقة وقت توليد هذه الصفحة، لكل منها وصف ووثيقة مرجعية. وخلافًا لسجلّات أخرى، ليس لهذا السجلّ عمود حالة، فلا Permanent ولا Provisional، بل العلاقة إما مسجّلة وإما غير مسجّلة.

أما معيار HTML فيحتفظ على حدة بجدول أقصر بكثير من سبعة وعشرين link type، وذلك الجدول يحمل العمود الذي يفتقر إليه السجلّ: على أي عنصر تُسمح كل كلمة مفتاحية. وهذا العمود هو الذي يقرّر هل تفعل سمة rel التي كتبتها للتوّ شيئًا أصلًا.

طريقة الاستخدام

1. الصق قيمة rel. السمة كاملةً لا كلمة واحدة، فـrel يقبل مجموعة مفصولة بمسافات، وتُقسَم هنا كما يقسمها HTML، عند أي فراغ كان.
2. اختر العنصر الذي توضع عليه. link، أو a وarea، أو form. فالكلمة الواحدة قد يكون لها معنى على عنصر وتكون خاملة تمامًا على آخر، فالعنصر ليس تفصيلًا.
3. اقرأ الحكم على كل كلمة. تعرف ماذا تفعل هناك، أو أيّ ثلاثة أنواع مختلفة تمامًا من «لا شيء» تفعل: مهمَلة على هذا العنصر، أو مسجّلة وليست كلمة ترميز، أو ليست في أي من المصدرين.

السجلّ ليس قائمة قيم rel

قابِل بين المصدرين تجد ستة وعشرين اسمًا فقط في كليهما. فتبقى مئة وثماني علاقات مسجّلة — أربعة أخماس السجلّ — لا يذكرها معيار HTML قط. وليست هذه أخطاء: فعلاقات مثل describedby وapi-catalog وpredecessor-version حقيقية، يعرّفها RFC خاص بكل منها، وهي صحيحة في ترويسة HTTP Link أو في تغذية Atom. غير أنها ليست كلمات ترميز، والمتصفح وهو يرسم صفحة لا يصنع بها شيئًا.

ويسير الأمر في الاتجاه المعاكس كذلك، لكلمة واحدة بالضبط. فـexpect التي يستعملها HTML لحجب العرض ليست في سجلّ IANA. وهي أيضًا المدخل الوحيد في الجدول كله المصنّف Internal Resource، وما عداه Hyperlink أو External Resource أو Annotation.

فالصفحة التي تسرد سجلّ IANA تحت عنوان مثل «كل قيم rel التي يمكنك استعمالها» مخطئة في مئة وثماني صفوف، والصفحة التي تقدّم جدول HTML على أنه «علاقات الروابط» مخطئة في مئة وثماني أخرى. وهذه الصفحة تُبقي الاثنين وتبيّن من أي مصدر جاء كل صف.

موضع الكلمة لا يقلّ أهمية عن وجودها

فـrel="stylesheet" على رابط لا تفعل شيئًا. إذ إن stylesheet هي External Resource على عنصر link ولا تُسمح في أي موضع آخر، وهذا يتعمّم: فلا تكون كلمة مفتاحية قط External Resource خارج link، وهو أمر معقول متى تنبّهت إلى أن جلب مورد فرعي هو تحديدًا وظيفة عناصر link.

وكذلك rel="noopener" على عنصر link لا تفعل شيئًا. فأسرة noopener وnoreferrer وopener وnofollow وexternal وbookmark وtag لا تُسمح إلا خارج link — سبع كلمات جملةً — لأنها تعلّق على تنقّل قد يقوم به المستخدم، وعنصر link ليس تنقّلًا. وتصحّ القاعدة المرآة أيضًا: فلا تُسمح Annotation قط على عنصر link.

وثمة تمييزان آخران يستحقان المعرفة. سبع كلمات مفتاحية موسومة body-ok، أي أن عنصر link الحامل لها صحيح داخل body لا في head وحده: dns-prefetch وmodulepreload وpingback وpreconnect وprefetch وpreload وstylesheet. واثنتان فقط من السبع والعشرين، هما preconnect وpreload، لهما معالجة معرّفة حين تصلان في ترويسة HTTP Link بدل الترميز.

ما لن تخبرك به هذه الصفحة

لن تخبرك بأن قيمة rel غير صالحة. فـHTML يتجاهل عن قصد ما لا يعرفه من الكلمات المفتاحية، فالقيمة المجهولة لا تكسر شيئًا، بل لا يكون لها أثر فحسب. وعلى ذلك تقوم الميكروفورمات والأعراف الخاصة بكل موقع، ولهذا تخبرك هذه الصفحة بما تفعله كل كلمة بدل أن تجيز سمتك أو ترفضها.

ولا تغطي أعراف محركات البحث نفسها فيما زاد على ما يقوله المصدران. فغوغل وغيرها تتصرّف بناءً على قيم مثل sponsored وugc وفق ما تعرّفه وثائقها هي لا معيار HTML، فذلك السلوك خارج ما جرى التحقق منه هنا.

والسجلّ لقطة مؤرَّخة أسفل الجدول. فالعلاقات تُضاف باستمرار، وقد تغيب واحدة جديدة جدًّا، وإن كان الصف الغائب والصف المسجّل غير الوارد في HTML يتصرّفان في المتصفح تصرّفًا واحدًا، وهو ما يخفّف الأثر.

لماذا هي مجانية؟

مجموعتا البيانات تسافران مع الصفحة في بضعة كيلوبايتات، والفحص يجري في متصفحك أنت. فلا يُرفع شيء مما تلصقه، ولا يُسجَّل شيء، ولا حساب عليك إنشاؤه.

بلا تسجيل، وبلا حدود، وبلا علامة مائية على أي شيء تنسخه.