PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : تگ base و کاربرد آن در HTML



sina
June 29th, 2014, 09:40
تگ base و کاربرد آن در HTML

برچسب <base> یک URL مورد نظر پایه برای تمام URL های نسبی در یک سند مشخص می کند. اگر این تگ وجود نداشته باشد ، URL پایه، URL پوشه حاوی سند خواهد بود.

<head> <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>
1
2
3
4
5
6
7

<head>
<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>



نکته ۱: تگ <base> را به عنوان اولین عنصر در داخل عنصر <head> قرار دهید به طوری که عناصر دیگر در بخش head از اطلاعات عنصر <base>استفاده کنند.

نکته ۲: اگر برچسب <base> وجود داشته باشد، باید دارای یک خاصیت href یا یک خاصیت target ، یا هر دو باشد .
تگ base و کاربرد آن در HTML تگ base و کاربرد آن در HTML

نکته ۳ : در یک سند حداکثر یک عنصر <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 ها ( که ممکن است زیاد باشند ) کمک کند.

<
html> <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>
1
2
3
4
5
6
7
8
9
10
11

<html>
<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>


تفاوت بین 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 href="http://www.example.com/"> <base target="_blank"href="http://www.example.com/">
1
2
3

<base href="http://www.example.com/">

<base target="_blank"href="http://www.example.com/">

خاصیت عمومی

نکته : تگ <base> از خاصیت های عمومی HTML پشتیبانی میکند.

خاصیت رویداد

تگ <base> از هیچ خاصیت رویدادی پشتیبانی نمی کند.
پشتیبانی مرورگر ها

تگ<base> در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

hamid.soltani92
June 29th, 2014, 10:23
دوست من با این کاری که شما می کنید گوگل این وبسایت رو به عنوان سارق محتوا شناسایی می کنه!
حداقل لینک بدید به سایتی که محتوا رو بدون اجازه ازش کپی کردید!

hanzaleh
July 7th, 2014, 20:24
بسیار فنتستیک

oravis
July 31st, 2014, 23:58
خیلی عالی و فوق العاده مفید
ممنون