تحليل الفرق بين المسارات النسبية والمطلقة في HTML

غالبًا ما يواجه المبتدئون HTML مثل هذه المشكلة ، وكيفية الرجوع إلى ملف بشكل صحيح. على سبيل المثال ، كيفية اقتباس صفحة HTML أخرى كربط تشعبي في صفحة HTML واحدة؟ كيفية إدخال صورة في صفحة ويب

إذا كنت تستخدم مسار الملف الخاطئ عند الإشارة إلى ملف (مثل إضافة الارتباط التشعبي ، أو إدخال صورة ، إلخ) ، فسيكون المرجع غير صالح (لا يمكن تصفح الملف المرتبط ، أو لا يمكن عرض الصورة المدرجة ، إلخ).

لتجنب هذه الأخطاء والإشارة بشكل صحيح إلى الملفات ، نحتاج إلى التعرف على مسارات HTML.

هناك طريقتان لكتابة HTML: المسارات النسبية والمسارات المطلقة.

HTML المسار النسبي

مراجع الملف إلى نفس الدليل

إذا كان الملف المصدر والملف المرجعي في نفس الدليل ، فما عليك سوى كتابة اسم الملف المرجعي مباشرة.

نقوم الآن بإنشاء ملف مصدر info.html ، و info.html تحتاج إلى الرجوع إلى ملف index.html باعتباره ارتباطًا كبيرًا.

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار الفهرس.

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = index.html> index.html </a>

كيف تمثل الدليل السابق

../ يمثل الدليل السابق للدليل حيث يوجد الملف المصدر ، ../../ يمثل الدليل السابق حيث يوجد الملف المصدر ، وهكذا.

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار index.html هو: c: /inetpub/wwwroot/sites/index.html

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = ../index.html> index.html </a>

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار index.html هو: c: /inetpub/wwwroot/index.html

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = ../../index.html> index.html </a>

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار index.html هو: c: /inetpub/wwwroot/sites/wowstory/index.html

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = ../wowstory/index.html>

كيفية تمثيل الدليل التالي

ارجع إلى الملفات الموجودة في الدليل السفلي واكتب المسار إلى الملفات في الدليل السفلي مباشرة.

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار الفهرس.

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = html/index.html> index.html </a>

افترض أن مسار info.html هو: c: /inetpub/wwwroot/sites/blabla/info.html

افترض أن مسار الفهرس.

يجب كتابة الرمز لإضافة index.html الارتباط التشعبي إلى info.html مثل هذا:

<a href = html/index.html> index.html </a>

HTML المسار المطلق

يشير المسار المطلق HTML إلى المسار الكامل لملف باسم المجال.

لنفترض أنك تسجل اسم المجال www.vevb.com وتقدم بطلب للحصول على مضيف افتراضي ، فإن مزود المضيف الافتراضي الخاص بك سيعطيك دليلًا ، مثل www ، وهو الدليل الجذر لموقع الويب الخاص بك.

افترض أنك وضعت ملفًا index.html في الدليل الجذر لـ www ، فإن المسار المطلق لهذا الملف هو: https://www.vevb.com/index.html.

افترض أنك تقوم بإنشاء دليل يسمى html_tutorials في الدليل الجذر لـ www ، ثم ضع ملفًا ملفًا في هذا الدليل ، والمسار المطلق لهذا الملف هو https://www.vevb.com/html_tutorials/index.html.