يمكن ايجاد الروابط التشعبية تقريباً في كل موقع انترنت . تسمح الروابط التشعبية للمستخدمين بالانتقال من صفحة الى أخرى .
الروابط النصية التشعبية
يمكن استخدام الروابط مع كلمة أو مجموعة كلمات أو صورة والتي تسمح لك بالانتقال الى صفحة جديدة أو مكان جديد ضمن الصفحة الاصلية .
عند تمرير الماوس فوق النص فإن مؤشر الماوس سيتحول الى يد صغيرة أي تسمح لك بالضغط عليه .
يمكن استخدام الروابط التشعبية في صفحات HTML من خلال الوسم <a>
يمكن استخدام <a> بحالتين :
- لإنشاء رابط تشعبي يقود الى صفحة أخرى وذلك باستخدام اللاحقة href
- لإنشاء تأشيرة داخل الصفحة والتي تقود الى مكان معين وذلك باستخدام اللاحقة name
تركيبة الرابط التشعبي
ان تركيبة الرابط لتشعبي بسيط جداً ويبدو كالتالي :
<a href="url">نص الرابط</a>
تحدد اللاحقة href الوجهة التي نريد الرابط الذهاب اليها
مثال
<a href="http://www.google.com/">قم بزيارة جوجل</a>
سيظهر الرابط التشعبي كما يلي : قم بزيارة جوجل
وبالضغط على " قم بزيارة جوجل" سيحولك الرابط الى موقع Google
ملاحظة : يمكن وضع ضمن "نص الرابط" صورة أو اي عنصر آخر من عناصر HTML
الرابط التشعبي – اللاحقة target
تستخدم اللاحقة target (التوجيه) لتحديد كيفية فتح صفحة الرابط .
في المثال التالي سيتم فتح الصفحة في نافذة جديدة في المتصفح من خلال القيمة "_blank"
مثال
<a href="http://www.google.com/" target="_blank">جووجل</a>
الرابط التشعبي – اللاحقة name
تحدد اللاحقة name اسم رابط آخر في الصفحة .
تستخدم اللاحقة name بشكل رئيسي لإنشاء العلامات داخل صفحة HTML
ملاحظة : يفضل استخدام اللاحقة id بدلاً من name مع HTML5 لتحديد علامة داخل الصفحة كما أن اللاحقة id تعمل مع HTML4 بالإضافة لجميع المتصفحات الحديثة .
تعتبر العلامات مخفية عن المستخدم ولايمكن عرضهم ولا بأي طريقة خاصة .
مثال
رابط مسمى داخل صفحة HTML
<a name="tips">قسم المساعدة</a>
قم بإنشاء رابط "قسم المساعدة" داخل الصفحة :
<a href="#tips">قم بزيارة قسم المساعدة</a>
أو قم بإنشاء رابط من صفحة أخرى "قسم المساعدة" :
<a href="http://www.example.com/html_links.htm#tips">قم بزيارة قسم المساعدة</a>
نصائح
- عند استدعاء صفحة معينة موجودة داخل مجلد فرعي يجب اضافة اسم المجلد مع اشارة "/" لكي يصبح الرابط التشعبي كالتالي : href=http://www.example.com/html حيث سيقوم السيرفر بإنشاء أمر واضافة "/" بعد نهاية الرابط لكي يسمح باستقبال أوامر أخرى أي التنقل الى صفحات أخرى كالتالي : href=http://www. example.com/html/
- يستخدم عادةً الرابط المسمى "لإنشاء جدول محتويات" عندما يكون المحتوى كبير جداً مثل "الأسئلة الشائعة" حيث ستضع الأسئلة ثم في الأسفل كل سؤال وجوابه ولكن الأسئلة في الأعلى ستضيف لها رابط مسمى وعند الضغط على احدى الأسئلة ستتوجه مباشرة للسؤال المطلوب مع الحل في أسفل الصفحة .
لم افهم جيدا
ردحذف