<base>

وسم المسار الأساسي للصفحة <base>

وسم base يحدد المسار الأساسي (Base URL) الذي تُحسب عليه كل الروابط والمصادر النسبية في الصفحة — عنصر واحد فقط لكل صفحة.

حين تكتب رابطًا أو مصدر صورة نسبيًا مثل `images/logo.png`، يحسبه المتصفح افتراضيًا من مسار الصفحة الحالية. base يغيّر هذا الأساس: كل المسارات النسبية بالصفحة تُحسب من قيمة href فيه بدلًا من مسار الصفحة نفسها.

استخدام نادر عمليًا، لكنه مفيد للصفحات التي تُخدَّم من مسارات متعددة أو ملفات يُعاد استضافتها في أماكن مختلفة دون تعديل كل رابط داخلها.

الصياغة

<base href="https://thecodefix.net/blog/">

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p style="background:#ede9fe; padding:12px; border-radius:8px">
  لو كانت الصفحة تحتوي &lt;base href="https://example.com/docs/"&gt;،
  فرابط نسبي مثل <code>guide.html</code> يشير فعليًا إلى
  <code>https://example.com/docs/guide.html</code>.
</p>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
href	المسار الأساسي الذي تُحسب عليه كل الروابط والمصادر النسبية بالصفحة
target	الهدف الافتراضي لكل الروابط (مثل _blank) ما لم يحدد الرابط هدفًا خاصًا به

💡 نصائح عملية

عنصر واحد فقط لكل صفحة — المتصفح يتجاهل أي base إضافي
ضعه أول شيء داخل head، قبل أي وسم يستخدم مسارًا نسبيًا مثل link أو img

⚠️ أخطاء شائعة

استخدام أكثر من base واحد بنفس الصفحة — المتصفح يأخذ الأول فقط
وضعه بعد وسوم تعتمد مسارات نسبية بدل قبلها مباشرة في head

وسوم ذات صلة

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs