آموزش تگ base در HTML
آموزش تگ base در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ base در HTML به صورت کامل آشنا بشید.
تگ base در HTML
تگ base تگی است که ما با بکار بردن آن میتوانیم یک آدرس پایه را برای همه ی لینک های موجود در یک صفحه ی وب تعیین کنیم.
خب حالا معنی آدرس پایه چیست؟ آدرس پایه یا همون لینک پایه در یک صفحه ی وبسایت یعنی شما یک آدرس یا یک لینک رو به عنوان لینک پایه صفحه تون تعیین می کنید و سپس در هرکجای صفحه تون که خواستید لینک ایجاد کنید باید اون لینک رو بصورت نسبی ( Relative ) و مرتبط با لینک پایه تعریف نمایید.
بر فرض مثال یه پوشه رو سیستم خودمون داریم به اسم wppush ، حال درون این پوشه مثلا چند عدد فایل عکس داریم و میخوایم از طریق لینک پایه بهشون دسترسی داشته باشیم.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
خب اولا در حالت عادی باید بصورت زیر به فایل عکس دسترسی پیدا کنیم :
<body> <img src="wppush/test.jpg"> </body>
این کد داره میگه در پوشه wppush فایل عکس test.jpg رو فراخوانی کن.
حال اگر بخواهیم از لینک پایه استفاده کنیم،اول باید لینک پایه رو تعریف کنیم :
<head> <base href="wppush/"> </head>
بعد از تعریف حالا دیگه هرکجای صفحه که دلم بخواد میتونم فایل های داخل پوشه رو فراخوانی کنم :
<body> <img src="test.jpg"> </body>
مثال از تگ base در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.
<head> <base href="https://wppush.ir/"> </head>
مثال شماره دو : باز شدن همه ی لینک های درون صفحه در تب جدید مرورگر
<head> <base href="https://wppush.ir/" target="_blank"> </head>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ base در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ base در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ base قابلیت پشتیبانی از صفات عمومی را در HTML دارد.
نکات و توضیحات
- در زبان HTML تگ
baseیک تگ تک و تنها است. ( یعنی تگ پایانی برای بستن تگ ندارد ) - فقط از یک تگ Base میتوانید در هر صفحه استفاده کنید و حتما این تگ باید در داخل تگ <head> نوشته شود.
توصیه ما به شما دوست عزیزم این است که با شرکت در دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید تا بتوانید علاوه بر طراحی سایت برای خودتان و حتی دیگران و درآمد زایی برای خود درک بهتر و بیشتری راجع به این مطالب پیدا کنید.
ما سعی کردیم در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css میباشد.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید