تحديد عنوان URL الأساسي للوثيقة باستخدام HTML <قاعدة> العنصر

تم تصميم مواقع الويب باستخدام سلسلة من الروابط ، تشير إلى الصفحات والمصادر مثل الصور وأوراق الأنماط. هناك طريقتان ل تحديد عنوان URL الذي يرتبط بهذه المصادر: إما استخدام مسار مطلق أو مسار نسبي.

يشير المسار المطلق إلى وجهة محددة ، وعادة ما يبدأ باسم المجال (جنبا إلى جنب مع HTTP) مثل www.domain.com/destination/source.jpg. المسار النسبي هو عكس ذلك: تعتمد وجهة الارتباط على موقع الجذر أو في معظم الحالات اسم مجال موقع الويب الخاص بك.

يبدو المسار النسبي النموذجي كما يلي:

إذا كان نطاق موقع الويب الخاص بك ، على سبيل المثال, hongkiat.com سوف مسار الصورة حل ل hongkiat.comimages_2 / تحديد المستند قاعدة-رابط-مع أتش تي أم أل قاعدة element.png. يجب أن تفهم هذا إذا كنت تقوم بتطوير موقع الويب لفترة من الوقت.

ولكن معظمكم ربما لم يسمع عن جزء. لقد كانت علامة HTML هذه موجودة منذ HTML4 ، ولكن لم يُلاحظ سوى القليل جدًا من تنفيذها في البرية. يصف W3C هذا العنصر بأنه:

“يتيح العنصر الأساسي للمؤلفين تحديده عنوان URL الأساسي للمستند لأغراض حل عناوين URL النسبية واسم سياق التصفح الافتراضي لأغراض تتبع الارتباطات التشعبية.”

هذه العنصر يحدد بشكل أساسي عنوان URL الأساسي للمسار النسبي في صفحات الويب. بدلاً من الاعتماد على موقع الجذر أو مجال موقع الويب الخاص بك ، يمكنك توجيهه إلى مكان آخر ، ربما مثل عنوان URL الذي توجد به مواردك في CDN (شبكة توصيل المحتوى). دعونا نرى كيف يعمل هذا في الواقع.

باستخدام العنصر الأساسي

ال يتم تعريف على طول الجانب و العلامات داخل . في المثال التالي ، قمنا بتعيين عنوان URL الأساسي على Google.

ستؤثر هذه المواصفات على جميع المسارات داخل الوثيقة ، بما في ذلك المسار المحدد داخل أ href السمة و SRC من الصور. لذلك ، بافتراض أن لدينا ورقة أنماط وصور وروابط في مجموعة المستندات ذات مسار نسبي مثل هذا ، على سبيل المثال:

  مرساة رابط  

على الرغم من أن موقعنا على شبكة الإنترنت هو تحت demo.hongkiat.com سوف يشير المسار النسبي إلى hongkiat.maxcdn.com, بعد المسار الأساسي المحدد في العلامة. جرب التمرير فوق الرابط ، وسيقوم المتصفح بعرض المكان الذي يتجه إليه المسار بالضبط.

جميع المسارات النسبية ستكون في نهاية المطاف:

  مرساة رابط  

تحديد هدف الرابط الافتراضي

وبصرف النظر عن تحديد عنوان URL الأساسي ، فإن يمكن للعلامة أيضًا تعيين هدف الارتباط الافتراضي من خلال استهداف صفة، عزا. لنفترض أنك تريد فتح الرابط الموجود في المستند في علامة تبويب المتصفح الجديدة, تعيين استهداف مع _blank, مثل ذلك.

محددات

ال ومع ذلك ، تحمل العلامة بضعة محاذير في بعض الحالات:

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

إذا كنت تستخدم # بالتعاون مع للارتباط بأقسام داخل المستند ، من المحتمل أن تواجه مشكلة في برنامج Internet Explorer 9. بدلاً من الانتقال إلى القسم المشار إليه ، سيقوم Internet Explorer 9 بإعادة تحميل الصفحة.

علاوة على ذلك ، فارغة أ href سيؤدي إلى عنوان URL الأساسي بدلاً من الارتباط بالدليل الحالي حيث توجد الصفحة (هذا هو سلوك المتصفح الافتراضي) ، مما قد يتسبب في حدوث مشكلات مرجعية غير متوقعة.

يتم إحتوائه

ال هي ميزة HTML سهلة الاستخدام والتي قد تسهل الرجوع إلى الارتباط في مستند ويب. استخدام العلامة إلى حد كبير لتقليل المزالق. اتبع هذه الإشارة أدناه لمزيد من المعلومات حول العلامة:

• عناوين URL المطلقة والنسبية - MSDN
• عنصر HTML الأساسي - W3C