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




يمكن ايجاد الروابط التشعبية تقريباً في كل موقع انترنت . تسمح الروابط التشعبية للمستخدمين بالانتقال من صفحة الى أخرى .



الروابط النصية التشعبية


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

يمكن استخدام الروابط التشعبية في صفحات 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/

  • يستخدم عادةً الرابط المسمى "لإنشاء جدول محتويات" عندما يكون المحتوى كبير جداً مثل "الأسئلة الشائعة" حيث ستضع الأسئلة ثم في الأسفل كل سؤال وجوابه ولكن الأسئلة في الأعلى ستضيف لها رابط مسمى وعند الضغط على احدى الأسئلة ستتوجه مباشرة للسؤال المطلوب مع الحل في أسفل الصفحة .

هناك تعليق واحد: