شرح الروابط التشعبية في HTML

تعلم html - شرح الروابط التشعبية html links

 روابط HTML التشعبية

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

ستستعمل  الروابط كثيرا اثناء عملنا خاصة عند انشاء موقع متكامل به اكثر من صفحة (الرئيسية - من نحن- اتصل بنا - مدونة) كل تلك الاقسام تحتاج لتخصيص رابط لها كي يستطيع الزائر الوصول اليها بسهولة.

صيغة الكود -  html link syntax

لكي تنشئ رابط html يجب استخدام وسم <a> وتعريف عنوان URL الذي يوجه اليه عن طريق الخاصية href.

<a href="https://www.example.com">نص الرابط</a>

ستلاحظ فيها بعد ان المتصفح يميز بعض الروابط عن بعضها من حيث تفاعلك معه فمثلا الرابط الذي زرته من قبل يصبح لونة بنفسجي وعند تاشيرك او نقرك عليه يصبح احمر اللون وهو في الطبيعي لونه ازرق. 

هذا رابط يؤدي الى مدونة كود بالعربي

<a href="https://codebelaraby.blogspot.com/">كود بالعربي</a>

خاصية target

تقوم هذه الخاصية بتحديد كيفية فتح الروابط ففي الطبيعي عند الدخول لرابط داخل نافذة ستذهب مباشرة للعنوان في نفس النافذة ولكن تسطيع تغيير ذلك من خلال الخاصية target والتي تعتمد قيمة _self التي تفتح الرابط في نفس النافذة وقيمة _blank والتي تفتح الرابط في نافذة جديدة مع ترك النافذة الموجود بها الرابط كما هي.

<a href="https://www.codebelaraby.site" target="_blank">كود بالعربي</a>

خاصية (mailto:) رابط البريد الالكتروني

ستقوم الروابط التي تحتوي على هذه الخاصية بتحويلك لبرنامج الايميلات ليرسل رسالة لنفس الايميل الذي وضعته فيها.

<a href="mailto:person@example.com">ارسل ايميل</a>
Amr
بواسطة : Amr
اهلاً زوار مدونة كود بالعربي الاعزاء هنا اكتب لكم محتوى مفيد والخص خبرتي في مجال البرمجة وكل ما يتعلق بها انا من محبي هذا المجال الشيق خاصة تطوير وبناء المواقع.
تعليقات