[unvisited link] الروابط التي لم تقم بزيارتها من قبل، تكون أسفلها خط underlineولونها أزرق blue.
[visited link] الروابط التي قمت بزيارتها من قبل، تكون أسفلها خط underline ولونها بنفسجي purple .
[active link] الروابط التي تضغط عليها بزر الفأرة mouse دون ترك الزر، تكون أسفلها خط underline ولونها أحمر red.

Links Color Style

في هذا المثال ستتلون الروابط التي قمت بزيارتها باللون البنفسجي، وستأخذ الروابط التي لم تقم بزيارتها من قبل اللون الأزرق. يمكن عمل تحديث للصفحة وإعادة تحميلها لمشاهدة تغيّير الألوان.

<a target="_blank" href="https://www.closetag.com/tutorial/php">Visit PHP tutorial page in closetag.com</a>

جربها بنفسك

ملاحظات

تقوم المتصفحات بتحديد الألوان، لكي تساعد مستخدمي صفحات الويب، في معرفة الفرق بين الصفحات التي قاموا بزيارتها، والصفحات التي لم يقوموا بزيارتها من قبل.
يمكن تغيير الألوان الافتراضية، لأي لون آخر باستخدام لغة CSS حسب ما يتناسب مع style موقعك.

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

في الوضع الافتراضي، يقوم المتصفح بعرض الصفحة التي تريد الذهاب إليها في نفس النافذة الحالية. الخاصية [Target] هي المسؤولة عن تحديد مكان عرض صفحة HTML الجديدة، وذلك حسب القيمة التي نضعها بداخلها. جميع القيم تبدأ بعلامة underscore [ _ ] باستثناء قيمة واحدة.

القيم التي يتم كتابتها بداخل خاصية [Target] هي كالتالي:

[ "_self" ]: وهي القيمة الافتراضية. إذا لم تقم بتحديد نوع الخاصية [Target]، سيقوم المتصفح بفتح الرابط في نفس النافذة، حتى إذا لم تقم بكتابة [ "_self" ].
[ "_blank" ]: تعطي هذه القيمة أمرًا للمتصفح لفتح الرابط في علامة تبويب جديدة.
[ "_top" ]: سنتعرف عليها في دروس لاحقة.
[ "_parent" ]: سنتعرف عليها في دروس لاحقة.
[ "targetframe" ]: سنتعرف عليها في دروس لاحقة.

Target Without [ _Self ]

سوف يفتح المتصفح الصفحة الموجودة داخل href attribute في نفس النافذة الحالية بدون خاصية [ _self ].

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

جربها بنفسك

Target [ _Self ]

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

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

جربها بنفسك

Target [ _Blank ]

سوف يقوم المتصفح بفتح الصفحة الموجودة داخل href attribute في نافذة جديدة، وستبقى النافذة الحالية بمحتواها الحالي معروضة أيضاً.

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

جربها بنفسك

ملاحظة

هذه الخاصية مهمة في تحديد كيفية عرض الروابط والوصول إلى المحتويات في المتصفح، فهي تؤثر على تجربة المستخدم بشكل كبير. استخدام القيم الصحيحة في [Target] يساهم في تحسين واجهة المستخدم ويسهل التنقل بين الصفحات بشكل أكثر سلاسة.
يجب وضع القيم الخاصة بالخاصية [target] attribute ضمن علامات تنصيص مزدوجة[" "] أو مفردة[' '].

</> Link Title Attribute In HTML
خاصية Title بداخل عنصر Link الرابط في لغة HTML

لإظهار معلومات أو تفاصيل إضافية عند الوقوف بمؤشر الفأرة mouse pointer قليلاً على النصوص أو العناصر التي هي من النوع hyper text أي عنصر الرابط، يمكننا استخدام خاصية title attributes.

نقوم بإضافة معلومات نصية تظهر عند الوقوف بمؤشر الفأرة mouse pointer.
تُكتب هذه النصوص أو المعلومات الإضافية بداخل القيمة الخاصة بـ title attribute.
تكتب title attribute بجوار خاصية href بداخل open tag علامة البداية العنصر a.
خاصية title attribute اختيارية يمكن تجاهلها.

Title Attribute

يُكتب Title في open tag علامة البدء بجوار خاصية href.

<a href="https://www.closetag.com" title="Welcome To CloseTag">Make box visible on mouse move above text</a>

جربها بنفسك

معلومة هامة

إن سمة العنوان attribute title لا تُنفذ مع أجهزة التنقل باللمس بين محتوى الصفحة، مثل: أجهزة التابلت وأجهزة الآيباد.

معلومات تهمك

لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.

عدد المشاركات

التالى

CLOSETAG

منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.

HTML Link Attributes
خصائص الروابط في لغة HTML

التاريخ

الدروس

المستوى

اللغة

المشاهدات

المواضيع

الشروحات HTML Link Attributes HTML