تگ base و کاربرد آن در HTML
برچسب <base> یک URL مورد نظر پایه برای تمام URL های نسبی در یک سند مشخص می کند. اگر این تگ وجود نداشته باشد ، URL پایه، URL پوشه حاوی سند خواهد بود.
[php]
<base href="http://mywebsite.com/images/" target="_blank">
</head>
<body>
<img src="stickman.gif" width="24" height="39" alt="Stickman">
<a href="http://mywebsite.com">mywebsite</a>
</body>
[/php]
نکته ۱: تگ <base> را به عنوان اولین عنصر در داخل عنصر <head> قرار دهید به طوری که عناصر دیگر در بخش head از اطلاعات عنصر <base>استفاده کنند.
نکته ۲: اگر برچسب <base> وجود داشته باشد، باید دارای یک خاصیت href یا یک خاصیت target ، یا هر دو باشد .
نکته ۳ : در یک سند حداکثر یک عنصر <base> میتواند وجود داشته باشد که باید در داخل عنصر <head> قرار بگیرد. اگر چندین عنصر base وجود داشته باشد،فقط از مقدار اولین خاصیت href و target استفاده شده و مقادیر دیگر نادیده گرفته می شوند.
برای درک بهتر کاربرد این تگ ، فرض کنید که ما باید تعداد زیادی تصاویر در یک سند قرار دهیم
http://www.mywebsite.com/reference/tags/base.html
این تصاویر در پوشه image هستند
http://www.mywebsite.com/images
پس ما باید هر تصویر قرار داده شده را با URL مانند زیر قرار دهیم:
../../images/image.png
عنصر base در HTML می تواند با تنظیم یک پایگاه URL به کوتاه شدن این URL ها ( که ممکن است زیاد باشند ) کمک کند.
[php]
<head>
<title>HTML base tag</title>
<base href="http://www.mywebsite.com/images/" target="_blank">
</head>
<body>
<img src="image1.png" />
<img src="image2.png" />
<img src="image3.png" />
</body>
</html>
[/php]
تفاوت بین HTML 4.01 و HTML5
هیچ تفاوتی بین تگ <base> در HTML 4.01 و HTML5 وجود ندارد .
تفاوت بین HTML و XHTML
در HTML تگ <base> تگ پایان ندارد در حالیکه در XHTML باید بسته شود.
خاصیت ها
تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .
۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:
- خاصیت ویژه عنصر
- خاصیت عمومی
- خاصیت رویداد
خاصیت ویژه عنصر
خاصیت ها |
مقدار |
توضیحات |
href | URL | یک URL پایه برای تمام URL های نسبی در صفحه مشخص می کند |
target | _blank _parent _self _top framename |
یک هدف پیش فرض برای تمام لینک ها و فرمهای موجود در صفحه تعیین میکند |
مثال :
خاصیت عمومی
تگ <base> از خاصیت های عمومی HTML پشتیبانی میکند.
accesskey | hidden | itemtype |
class | id | lang |
contenteditable | inert | spellcheck |
contextmenu | itemid | style |
dir | itemprop | tabindex |
draggable | itemref | title |
dropzone | itemscope | translate |
خاصیت رویداد
تگ <base> از هیچ خاصیت رویدادی پشتیبانی نمی کند.
پشتیبانی مرورگر ها
تگ<base> در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.