در اين بخش از دوره آموزش HTML در آموزش
دون، با تگ <base> آشنا مي‌شويم. اين تگ براي تعيين آدرس پايه (Base URL) و مقصد
پيش‌فرض لينک‌ها و مسير فايل‌ها در يک صفحه وب استفاده مي‌شود.
تگ base در HTML چيست؟
تگ <base> معمولاً درون <head> صفحه HTML قرار مي‌گيرد و مشخص مي‌کند که
تمام لينک‌ها و منابع نسبي (مثل تصاوير، CSS و JavaScript) نسبت به کدام آدرس پايه هستند.
استفاده از <base> باعث مي‌شود که لينک‌هاي نسبي بدون توجه به مسير فايل HTML به مسير
مشخص‌شده در base هدايت شوند.
مثال ساده از تگ base
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<title>نمونه Base</title>
<base href="https://learndun.ir/" target="_blank">
</head>
<body>
<a href="blog">صفحه بلاگ</a>
<img src="images/logo.png" alt="لوگو">
</body>
</html>در اين مثال:
- تمام لينک‌ها نسبت به
https://learndun.ir/ساخته مي‌شوند. - ويژگي
target="_blank"باعث مي‌شود تمام لينک‌ها در تب جديد باز شوند مگر اينکه در تگ<a>به صورت خاص تغيير داده شود.
صفات مهم تگ base
| صفت | توضيح |
|---|---|
| href | آدرس پايه براي لينک‌ها و منابع نسبي |
| target | نحوه باز شدن لينک‌ها (مثلاً _blank، _self) |
نکات حرفه‌اي در استفاده از base
- تگ
<base><head> قرار گيرد. - اگر href را مشخص نکنيد، مسيرهاي نسبي بدون تغيير نسبت به محل فايل HTML خواهند بود.
- ويژگي target در base باعث مي‌شود تمام لينک‌هاي نسبي پيش‌فرض همان رفتار را داشته باشند، اما لينک‌هاي با target مشخص آن را ناديده مي‌گيرند.
- از base براي پروژه‌هاي بزرگ با مسيرهاي نسبي طولاني يا مسيرهاي تغيير يافته مفيد است.
مثال کاربردي پيشرفته
<head>
<base href="https://learndun.ir/assets/" target="_self">
</head>
<body>
<a href="css/style.css">استايل صفحه</a>
<img src="images/logo.png" alt="لوگو">
</body>در اين حالت، لينک CSS به آدرس https://learndun.ir/assets/css/style.css اشاره مي‌کند و تصوير به
مسير https://learndun.ir/assets/images/logo.png هدايت مي‌شود.
براي يادگيري ساير تگ‌هاي HTML و مديريت مسير فايل‌ها، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.
براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ b در HTML
آموزش بعدي: تگ basefont در HTML
دیدگاه و پرسش