این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ base در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ base در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ base در HTML
تگ base تگی است که ما با استفاده از آن میتوانیم یک آدرس پایه را برای تمامی لینک های موجود در یک صفحه مشخص نماییم.
خب حالا یعنی چی آدرس پایه؟ آدرس پایه یا همون لینک پایه در یک صفحه ی وب یعنی شما یک آدرس یا یک لینک رو به عنوان لینک پایه صفحه تون مشخص مینمایید بعد در هرکجای صفحه که خواستید لینک ایجاد کنید باید اون لینک بصورت نسبی ( Relative ) و مرتبط با لینک پایه تعریف شود.
فرض میکنیم یه پوشه رو سیستممون داریم به اسم FreeLearn ، حال داخل این پوشه مثلا چنتا فایل عکس داریم و من میخوام از طریق لینک پایه بهشون دسترسی پیدا کنم.
خب اولا در حالت عادی باید بصورت زیر به فایل عکس دسترسی پیدا کنیم :
|
1 2 3 4 5 |
<body> <img src="FreeLearn/test.jpg"> </body> |
ینی داره میگه در پوشه FreeLearn فایل عکس test.jpg رو فراخوانی کن.
حال اگه بخوایم از لینک پایه استفاده کنیم، باید اول لینک پایه رو تعریف کنیم :
|
1 2 3 |
<head> <base href="FreeLearn/"> </head> |
حالا دیگه هرکجای صفحه که دلم بخواد میتونم فایل های داخل پوشه رو فراخوانی کنم :
|
1 2 3 4 5 |
<body> <img src="test.jpg"> </body> |
Free-Learn
مثال از تگ base در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 |
<head> <base href="https://free-learn.ir/"> </head> |
مثال شماره ۲ : باز شدن تمامی لینک های درون صفحه در تب جدید مرورگر
|
1 2 3 |
<head> <base href="https://free-learn.ir/" target="_blank"> </head> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ base در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ base در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| href | URL | آدرس لینک پایه را مشخص میکند |
| target | _blank _parent _self _top Frame_Name |
نحوه باز شدن کل لینک های درون صفحه |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ base تنها از صفات عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- در زبان HTML تگ
baseیک تگ تنها است. ( یعنی تگ پایانی ندارد ) - در هر صفحه ، فقط از یک تگ Base میتوان استفاده کرد و حتما این تگ باید در بین تگ <head> قرار بگیرد.
