خصائص href لـ HTML <base>

علامة <base> HTML

تعريف والاستخدام

href تحديد URL الأساسي لجميع URLs المعيارية في الصفحة.

شرح

يمكن استخدام عنصر base لتحديد URL الأساسي، مما يسمح لروابط HTML المعيارية بالتحليل على هذا الأساس.

يتم تهميش جزء البروتوكول والخادم والمحور في الروابط المعيارية، ويجب الحصول على شكلها الكامل بناءً على URL أخرى (إما URL المحددة في base، أو URL الوثيقة الحالية).

href تحديد URL الأساسي الذي سيتم استخدامه لتحليل URLs المعيارية في الجزء التالي من الوثيقة.

مثال

مثال 1

تحديد URL الأساسي لجميع URLs المعيارية في الصفحة:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/"></base>
</head>
<body>
<h1>خصائص base href</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

تجربة شخصية

توضيح المثال

في هذا المثال، يتم تعيين URL الأساسي إلى https://www.codew3c.com/i/photo/. حيث أن www.codew3c.com هو اسم النطاق للخادم، و /i/photo/ هو الدليل على الخادم الذي يحتوي على ملفات الصور.

في الجزء الخلفي من الوثيقة هناك عنصر img لاستدعاء الصورة، يستخدم URL المعياري flower.png. عند تحميل الصورة، يقوم المتصفح بدمج URL الأساسي وURL المعياري للحصول على URL الكامل:

https://www.codew3c.com/i/photo/flower.png

مثال 2

تحديد URL الأساسي لجميع URLs المعيارية في الصفحة:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/"></base>
</head>
<body>
<h1>خصائص base href</h1>
<a href="html_basic.asp">أساس HTML</a>
</body>
</html>

تجربة شخصية

توضيح المثال

في هذا المثال، يتم تعيين URL الأساسي إلى https://www.codew3c.com/html/. حيث أن www.codew3c.com هو اسم النطاق للخادم، و /html/ هو الدليل على الخادم الذي يحتوي على ملفات الصور.

في الجزء الخلفي من الوثيقة هناك عنصر a لإنشاء رابط يستخدم URL المعياري html_basic.asp. عند الضغط على هذا الرابط المباشر، يقوم المتصفح بدمج URL الأساسي وURL المعياري للحصول على URL الكامل:

https://www.codew3c.com/html/html_basic.asp

إشارة

إذا لم يكن هناك عنصر base أو لم يتم تعيين خاصية href الخاص به لتحديد URL أساسية، فإن المتصفح سيستخدم URL المستند الحالي كأساس لكل URLs مطلقة.

على سبيل المثال، إذا قام المتصفح بتحميل مستند من هذا URL https://www.codew3c.com/js/index.asp، يحتوي المستند على رابط يستخدم URL مطلق html_basic.asp، عند النقر على هذا الرابط سيحاول المتصفح تحميل ثاني مستند من هذا URL المطلق https://www.codew3c.com/js/html_basic.asp.

النحو

<base href="URL">

قيمة الخاصية

القيمة الوصف
URL URL مطلق يحتوي على URL أساسية (مثل "http://www.example.com/").

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

علامة <base> HTML