روابط HTML
نستخدم الرابط التشعبي في ملفات الـ HTML للربط بملفات أخرى عبر الويب.
الوسم Anchor و الخاصية Href
نحن نستخدم الوسم <a> لعمل ربط مع ملف أخر .
من خلال الوسم anchor يمكن الانتقال إلى أي مورد على الشبكة سواء كان صفحة ويب أو صورة أو ملف صوت أو ملف فيديو ... الخ.
التركيبة البنائية " الصيغة العامة " لوسم الرابط تأخذ الشكل التالي :
|
<a href="/ss/elmasrysoftware/url">النص المعروض عبر المتصفح</a> |
حيث يستخدم الوسمين <a> و </a> لعمل anchor لنموذج ربط ، و تستخدم الخاصية href لتحديد عنوان الملف أو المستند الذي يتم الربط به ،
أما الكلمات الموجودة بين وسمي الفتح و الإغلاق سوف يتم عرضها عبر المتصفح على شكل رابط.
كما يتضح من المثال التالي:
|
<a href="http://www.elmasrysoftware.com/"> نحو مجتمع عربي تكنولوجي </a> |
حيث يظهر الكود السابق عبر المتصفح بالشكل التالي:
سمة الهدف The Target Attribute
من خلال سمة الهدف يمكنك تحديد أين يتم فتح الملف المربوط ، سواء في نفس النافذة أو من خلال نافذة جديدة للمتصفح.
الكود التالي يقوم بفتح الملف في نافذة متصفح جديدة.
|
<a href="http://www.elmasrysoftware.com/" target="_blank"> نحو مجتمع عربي تكنولوجي </a> |
سمة الاسم The Name Attribute
تستخدم سمة الاسم لعمل أسم للـ anchor ، عند استخدام اسم الـ anchors نحن نستطيع عمل رابط ينتقل مباشرة إلى جزء محدد داخل نفس الصفحة ،
بدلا من ترك المستخدم يتجول عبر الصفحة ليجد ما يبحث عنه أو يتطلع إليه.
الكود التالي يعرض الصيغة العامة لسمة اسم الـ anchor
|
<a name="Name"> اسم </a> |
سمة الاسم تستخدم لعمل أسم للـ anchor ، و يمكنك أن تستخدم أي أسم أو عبارة أو جملة تريد استخدامها.
الكود التالي يحدد أسم anchor
|
<a name="win"> شارك و اربح </a> |
يجب أن تلاحظ أنه لا يتم عرض anchor المسمى بطريقة خاصة.
للربط المباشر بقسم "tips"، أضف علامة # وسمي anchor إلى بنهاية URL كما يلي:
الكود التالي يحدد أسم anchor
|
<a href="http://www.elmasrysoftware.com/tiba.html#win"> شارك و اربح </a> |
الرابط التشعبي شارك و اربح داخل ملف tiba.html يأخذ الشكل التالي :
|
<a href="#win"> شارك و اربح </a> |
لاحظ أن:
أضف دائماً شرطة أخيرة إلى مراجع المجلدات الفرعية. إذا كنت تربط كما يلي:
| href="http://www.elmasrysoftware.com/html" |
ستقوم بتوليد طلبي HTTP إلى الخادم، نظراً لأن الخادم سيقوم بإضافة شرطة إلى العنوان وينشئ طلباً جديداً مثل هذا:
|
href="http://www.elmasrysoftware.com/html/" |
تستخدم غالباً الـ anchors المسماة لإنشاء "جدول محتويات" في بداية المستند الكبير.
سيتم تسمية كل فصل من المستند بـ anchor مسمى ويتم وضع رابط بكل هذه الـ anchors في قمة المستند.
إذا لم يجد المستعرض الـ anchor المسمى الذي تم تحديده، فسينتقل إلى قمة المستند. لن تحدث أخطاء.
وسم الربط
|
Tag |
Description |
|
<a> |
تحديد الـ anchor |
التعليقات (0)
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !