ما فائدة rel=”noopener” في الروابط؟

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

HTML تطوير الويب

الإجابة

الخاصية rel="noopener" تعزّز الأمان عند فتح رابط في تبويب جديد:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Open in new tab</a>

ما المشكلة التي تمنعها؟

مع target="_blank" كان بإمكان الصفحة الجديدة الوصول إلى صفحتك الأصلية عبر window.opener، وتغيير عنوانها مثلًا إلى صفحة تصيّد تشبه موقعك (هجوم يسمى Tabnabbing).

noopener يقطع هذا الاتصال، فلا تستطيع الصفحة الجديدة التحكم بصفحتك.

هل ما زلت أحتاجها؟

المتصفحات الحديثة تطبق noopener تلقائيًا مع target="_blank". لكن إضافتها ما زالت عادة جيدة وآمنة للمتصفحات القديمة.

اختبر فهمك

ما الهدف من noopener في الرابط التالي؟

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Open in new tab</a>