ویژگی <base> href HTML

برچسب <base> HTML

تعریف و استفاده

href ویژگی URL پایه برای همه URL‌های مطلق در صفحه را مشخص می‌کند.

توضیحات

عنصر base برای تنظیم یک URL پایه استفاده می‌شود تا لینک‌های مطلق در مستند HTML بر اساس آن تحلیل شوند.

لینک‌های مطلق به صورت کامل URL را شامل نمی‌شوند و باید بر اساس URL دیگری (یا URL مشخص شده در base، یا URL مستند فعلی) به شکل کامل تبدیل شوند.

href ویژگی مشخص می‌کند که URL‌های مطلق در بخش‌های بعدی مستند باید با چه URL پایه‌ای تحلیل شوند.

مثال

مثال 1

URL پایه برای همه URL‌های مطلق در صفحه تعیین می‌کند:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>ویژگی base href</h1>
<img src="flower.png" width="60" height="60" alt="تولیپ">
</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 پایه برای همه URL‌های مطلق در صفحه تعیین می‌کند:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</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 فعلی مستند را به عنوان پایه‌ی تجزیه‌وتحلیل تمامی URL‌های مطلق در نظر می‌گیرد.

مثلاً، فرض کنید مرورگر یک مستند از این URL https://www.codew3c.com/js/index.asp بارگذاری کند، مستندی که در آن یک لینک استفاده شده است html_basic.asp این URL مطلق، پس از کلیک بر روی این لینک، مرورگر سعی خواهد کرد مستند دوم را از این 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