في هذا الدرس 3تصفّح المواضيع
تظهر الروابط عادةً بالحالات الافتراضية التالية عند غياب تنسيق CSS مخصص؛ قد تختلف الألوان بحسب المتصفح وإعداداته:
- الروابط التي لم يتم زيارتها unvisited link: الروابط التي لم تقم بزيارتها من قبل، تكون ذات خط سفلي [underline] ولون أزرق [blue].
- الروابط التي تم زيارتها visited link: الروابط التي قمت بزيارتها من قبل، تكون ذات خط سفلي ولون بنفسجي [purple].
- الروابط النشطة active link: الروابط التي تضغط عليها بزر الفأرة [mouse] دون ترك الزر، تكون ذات خط سفلي ولون أحمر [red].
Links Color Style
في هذا المثال، قد تظهر الروابط المزارة بالبنفسجي وغير المزارة بالأزرق وفق النمط الافتراضي. يعتمد ذلك على سجل التصفح وسياسة الخصوصية والثيم؛ تحديث الصفحة لا يضمن تغير اللون.
<a target="_blank" href="https://www.closetag.com/tutorials/php">Visit PHP tutorial page in closetag.com</a>فيما يلي القيم التي يمكن استخدامها داخل الخاصية [target] كالتالي:
- ["self_"]: هذه هي القيمة الافتراضية. إذا لم تقم بتحديد نوع الخاصية [target]، سيفتح المتصفح الرابط في نفس النافذة، حتى إذا لم تستخدم ["_self"].
- ["blank_"]: تطلب سياق تصفح جديدًا، غالبًا تبويبًا، وقد يكون نافذة بحسب إعدادات المتصفح.
- ["targetframe"]: يمكن استخدامها لفتح الرابط في إطار معين بدون استخدام underscore. وسنتعرف علي استخدامها في دروس لاحقة.
- ["top_"]: سنتعرف علي استخدامها في دروس لاحقة.
- ["parent_"]: سنتعرف علي استخدامها في دروس لاحقة.
Linking Using the Default Value Without [_self]
عند عدم تحديد خاصية [target]، سيفتح المتصفح الصفحة الموجودة في خاصية [href] في نفس النافذة الحالية بشكل افتراضي وبدون استخدام [_self].
يمكن لعنصر base ذي target أن يغير هذا الافتراض. داخل محرر التجربة قد تُفتح الروابط خارج إطار النتيجة لحماية صفحة المحرر.
Using Target [_self]
سيفتح المتصفح الصفحة المحددة في خاصية href في نفس النافذة الحالية، سواء تم تحديد خاصية target بالقيمة [_self] أم لم يتم تحديدها.
Using Target [_blank]
سيقوم المتصفح بفتح الصفحة المحددة في خاصية href في نافذة جديدة، بينما ستظل النافذة الحالية مفتوحة بمحتواها الحالي.
لإظهار معلومات أو تفاصيل إضافية عند الوقوف بمؤشر الفأرة قليلًا على النصوص أو العناصر من النوع [hypertext]، أي عنصر الرابط، يمكن استخدام خاصية [title attribute]. المعلومات غالبًا ما تُعرض كنص منبثق عند تحريك الفأرة فوق العنصر.
نقوم بإضافة معلومات نصية تظهر عند الوقوف بمؤشر الفأرة، وتُكتب هذه النصوص أو المعلومات الإضافية داخل القيمة الخاصة بـ [title attribute]. تُكتب خاصية [title] بجوار خاصية [href] داخل علامة الفتح للعنصر [<a>]، وهي خاصية اختيارية يمكن تجاهلها إذا لم تكن ضرورية.
هذه الخاصية تسهم في تعزيز تجربة المستخدم من خلال تقديم معلومات إضافية دون الحاجة للنقر على العنصر.
Using the Title Attribute in Links
تُكتب خاصية [title] في علامة الفتح للعنصر [<a>] بجوار خاصية [href].
<a href="https://www.closetag.com" title="Welcome To CloseTag">Make box visible on mouse move above text</a>سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.