انتقل إلى محتوى الدرس

Target Attribute In HTML Iinks خاصية Target بداخل الروابط في لغة HTML

في هذا الدرس، ستتعلم كيفية تخصيص خصائص عنصر <a> في HTML. سنغطي استخدام خاصية [target] لفتح الروابط في نوافذ جديدة باستخدام القيمة ["blank_"] أو في نفس النافذة باستخدام القيمة ["self_"]، بالإضافة إلى كيفية إضافة نصوص توضيحية باستخدام خاصية [title].

1 صفوف تعليمية
لغة HTML
5,687 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
إذا لم يوجد target للرابط أو target مؤثر في عنصر base، تكون الوجهة الافتراضية سياق التصفح الحالي. الخاصية [target] هي المسؤولة عن تحديد مكان عرض صفحة HTML الجديدة بناءً على القيمة المضافة لها، حيث تبدأ جميع القيم بعلامة underscore [_]، باستثناء قيم خاصة يُمكنك تحديدها كأسماء إطارات، مثل ["targetframe"].


فيما يلي القيم التي يمكن استخدامها داخل الخاصية [target] كالتالي:

  • ["self_"]: هذه هي القيمة الافتراضية. إذا لم تقم بتحديد نوع الخاصية [target]، سيفتح المتصفح الرابط في نفس النافذة، حتى إذا لم تستخدم ["_self"].

  • ["blank_"]: تطلب سياق تصفح جديدًا، غالبًا تبويبًا، وقد يكون نافذة بحسب إعدادات المتصفح.

  • ["targetframe"]: يمكن استخدامها لفتح الرابط في إطار معين بدون استخدام underscore. وسنتعرف علي استخدامها في دروس لاحقة.

  • ["top_"]: سنتعرف علي استخدامها في دروس لاحقة.

  • ["parent_"]: سنتعرف علي استخدامها في دروس لاحقة.

خاصية Target بداخل الروابط في لغة HTML

Linking Using the Default Value Without [_self]

عند عدم تحديد خاصية [target]، سيفتح المتصفح الصفحة الموجودة في خاصية [href] في نفس النافذة الحالية بشكل افتراضي وبدون استخدام [⁦_self⁩].

يمكن لعنصر base ذي target أن يغير هذا الافتراض. داخل محرر التجربة قد تُفتح الروابط خارج إطار النتيجة لحماية صفحة المحرر.

HTML
<a href="https://www.closetag.com">Visit CloseTag :) </a>

Using Target [_self]

سيفتح المتصفح الصفحة المحددة في خاصية href في نفس النافذة الحالية، سواء تم تحديد خاصية target بالقيمة [_self] أم لم يتم تحديدها.

HTML
<a href="https://www.closetag.com" target="_self">Visit CloseTag :) </a>

Using Target [_blank]

سيقوم المتصفح بفتح الصفحة المحددة في خاصية href في نافذة جديدة، بينما ستظل النافذة الحالية مفتوحة بمحتواها الحالي.

HTML
<a href="https://www.closetag.com" target="_blank">Visit CloseTag :) </a>