في هذا الجزئ سنتعرف معا عن طريقة إدراج
الروابط في مستندات html .
أولا يجب أن تعلم أن هناك أنواعا مختلفة من الروابط. في الوقت الحالي ، سنركز على نوعين رئيسيين : الروابط الداخلية و الروابط الخارجية .
الفرق بين هذين النوعين من الروابط :
الرابط الداخلي هو رابط يتم إنشاءه بين صفحتين من نفس الموقع بينما الرابط الخارجي هو رابط يؤدي من موقع ويب إلى موقع ويب آخر.
في جميع الحالات ، لإنشاء رابط ، سنستخدم العنصر a مصحوبا بالسمة (attribut) href إختصارا ل hypertexte reference , يتجلى دوره في الإشارة إلى هدف أو وجهة الرابط ، مهما كان نوع الروابط التي يتم إنشائها ، فإن الشيئ الوحيد الذي سيتغير هو ما سنشير إليه في قيمة السمة href .
✓انواع الروابط الداخلية
1. الصفحة التي تنشئ الرابط فيها والصفحة التي يؤدي إليها الرابط توجدان في نفس المجلد ، في هذه الحالة يكفي إعطاء إسم الصفحة المراد إنشاء الرابط لها ، كقيمة للسمة href .
مثال : < a href="إسم الصفحة.html" >
2. الصفحة التي تريد إنشاء الرابط نحوها توجد في ملف أو مجلد فرعي. في هذه الحالة ، سيكون من الضروري مراعاة ذلك وتضمين اسم المجلد الفرعي في قيمة السمة href.
3. الصفحة التي نريد إنشاء الرابط لها توجد في مجلد رئيسي. في هذه الحالة ، سيتعين علينا إضافة "../" في قيمة السمة href.
✓الروابط الخارجية :
إنشاء روابط خارجية ، أبسط بكثير من إنشاء الروابط الداخلية ؛ كل ما عليك فعله هو الإشارة إلى عنوان URL الكامل للصفحة التي تريد توجيه الرابط لها بقيمة السمة href.
نأخد بعين الإعتبار ان هناك سمات إضافية بالنسبة للروابط الداخلية والخارجية على حد السواء ، تمكنك من تعديل السلوك الإفتراضي لهذه الروابط ، على سبيل المثال نذكر السمة Target ، التي تمنحك الإختيار ما إن كنت تريد فتح الرابط في نافدة جديدة (nouvelle fenêtre) أو لا .
"Target="_self :هذه القيمة تمكنك من فتح الرابط في نفس الصفحة ، وهي القيمة الافتراضية (حيت تعتمدها جميع المواقع في حالة عدم إستخدام السمة target) .
أما إن كنت ترغب بالفعل في فتح الرابط في نافدة جديدة يكفي أن تعطي القيمة blank_ للسمة target .
تعتبر هذه السمة في غاية الأهمية ، حيت تفيد في العديد من الحالات ، على سبيل المثال عندما لا تريد أن يغادر زوارك موقعك ...
الروابط الداخلية والخارجية هي بالتأكيد أكثر أنواع الروابط شيوعًا ، لكنها ليست الوحيدة ، في الواقع يمكننا استخدام أنواع أخرى من الروابط للقيام بالعديد من الأشياء الأخرى .
نذكر منها الروابط المرجعية أو الإشارات المرجعية ، وهي روابط تؤدي إلى مكان آخر على نفس صفحة الويب . تكون مفيدة في حالة وجود صفحة ويب طويلة جدا حيت تمكن الزوار من الوصول سريعًا إلى قسم معين على الصفحة ، السمة المسؤولة عن إنشاء رابط مرجعي هي
Id .
خطوات إنشاء إشارة مرجعية :
أولا : نقوم بإنشاء رابط حيت نريد إرسال الزائر ؛ ذلك بإضافة السمة id داخل علامة البداية كعنوان ، ويمكننا أن نعطي قيمة السمة id حسب إختيارنا .
مثال توضيحي :
تانيا : نقوم بإنشاء الرابط القابل للنقر في أعلى الصفحة الذي يرجعنا إلى مكان id الذي أنشأناه سابقا ، وذلك بإستعمال العنصر a والسمة href التي تأخد كقيمة؛ القيمة التي وضعناها في id مسبوقة ب # ، مثال توضيحي على ذلك :
ملحوظة : احرص على إختيار قيم مختلفة لكل id على حدة .
لإرسال بريد e-mail :
لإرسال بريد بإستخدام html5 ، يكفي أن نعطي للسمة href قيمة "mailto".
مثال :
<a href="mailto:admin@monsite.com"> ارسل بريد للمسؤول <a/>
رابط تحميل ملف :
لإنشاء رابط تحميل يسمح لزوارك بتنزيل ملف معين يجب عليك أولا معرفة نوع الملف المراد تحميله (forma zip , pdf ,idx , ods ...) و إسمه ، كما يفضل وضعه في نفس المجلد مع مستند html الذي تشتغل عليه .
بعد ذلك ، كل ما عليك فعله هو إنشاء رابط كالمعتاد باستخدام العنصر a والسمة href. نظرًا لأن ملفنا وصفحة الويب الخاصة بنا موجودان في نفس المجلد ، فليس لدينا سوى اسم الملف ونوعه لإدخالهما في قيمة السمة href.
على سبيل المثال ، إذا كان ملفي عبارة عن ملف pdf يسمى "fichier" سيتم إدراجه كما يلي :
تعليقات
إرسال تعليق